Teams內嵌的卡片image的限制

我的LuckyDraw上線后收到了不少有價值的反饋,其中有一部分是針對圖片的,有一些用戶說他們填寫了image的url,但是圖片顯示不出來。

ImageIsUnavailable

實際上這個問題在我提交這個應用到微軟審核團隊的時候,審核團隊也提出了類似問題。但這個是Teams本身的限制。具體的文檔見:?https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/cards/cards-reference

其中有一段

Your card can contain an inline image by including a link to your publically available image. For performance purposes we highly recommend you host your image on a public content-delivery network (CDN).

Images are scaled up or down in size while maintaining the aspect ratio to cover the image area, and then cropped from center to achieve the appropriate aspect ratio for the card.

Images must be at most 1024×1024 and 1 MB in PNG, JPEG, or GIF format; animated GIF is not officially supported.

說白了,實際上Teams對于內嵌的card image有這么一些要求:

  • 圖片是公開可訪問的。也就是說你的圖片url在任何可以上網的機器上都應該可以打開。不需要輸入用戶名密碼,不需要登入
  • 圖片的長寬最大是1024×1024。意思是寬度不能超過1024像素,高度也不能超過1024像素。這兩者必須同時滿足
  • 圖片文件的大小不能超過 1 MB
  • 圖片格式必須是PNG,JPEG,或者GIF。不支持BMP,TIFF,webp等其他圖片格式。并且Teams是不支持GIF動畫的

知道這個限制就簡單很多了。但是很多開發者也問過,如果要求用戶的圖片要滿足這些要求,好像有點困難,這也會是的app的用戶體驗比較差。有沒有更好的辦法。

辦法實際上有不少,最簡單的是可以使用第三方的圖片服務,比如國內的七牛云圖片功能,可以方便得轉換圖片格式和大小。從而滿足Teams的上面這些需求。

當然我們也可以自己做一套簡易的圖片處理服務,下篇我會分享一下我為LuckyDraw 2.0版本開發的圖片處理服務。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/278020.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/278020.shtml
英文地址,請注明出處:http://en.pswp.cn/news/278020.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Python 面向對象編程(進階部分)

靜態方法: 通過 staticmethod 裝飾器即可把其裝飾的方法變為一個靜態方法。普通的方法,可以在實例化后直接調用,并且在方法里可以通過self.調用實例變量或類變量,但靜態方法是不可以訪問實例變量或類變量的,一個不能訪…

分享實錄|爭議不斷地EOS,我們如何才能理性看待?

1 EOS基本介紹 EOS是Block.One公司正在研發的一個區塊鏈底層公鏈系統,目的是解決現有的區塊鏈應用性能低、安全性差、開發難度高以及過度依賴手續費的問題,實現分布式應用的性能擴展。EOS提供帳戶,身份驗證,數據庫,異步…

Teams的Incoming Webhook

我在去年的一篇文章里介紹過Teams的outgoing webhook,這個可以用來實現一個簡單的用戶和service對話機制。 Teams除了outgoing webhook以外,還有一個incoming webhook,從名字上我們也可以立刻知道,這個webhook是用來處理進入Team…

Comet OJ - Contest #0題解

傳送門 菜爆了……總共只有一道題會做的……而且也沒有短裙好難過 為啥必須得有手機才能注冊賬號啊喂……歧視么…… \(A\) 解方程 推一下柿子大概就是 \[x-\sqrt{n}yz2\sqrt{yz}\] 如果\(\sqrt{n}\)是無理數,那么就是 \[xyz,{n\over 4}yz\] 那么要滿足\(n\)必須是\…

tornado 08 數據庫-ORM-SQLAlchemy-表關系和簡單登錄注冊

tornado 08 數據庫-ORM-SQLAlchemy-表關系和簡單登錄注冊 引言 #在數據庫,所謂表關系,只是人為認為的添加上去的表與表之間的關系,只是邏輯上認為的關系,實際上數據庫里面的表之間并沒有所謂的表關系 一、一對一表關系 Module #需…

Teams的manifest文件開始支持多語言

Teams發展速度飛快,Teams app的manifest文件schema也迎來了版本1.5,在這個版本里,很大的一個改進是支持多語言。 讓我們一起來看看,如何在manifest文件里配置多語言。 1,我們需要先把manifest文件設置成v1.5 {"…

白白的(baibaide)

白白的(baibaide) 有一個長度為 $n$ 的序列 $a_1, a_2, \dots, a_n$,一開始每個位置都是白色。如果一個區間中每個位置都是白色,則稱這是一個白白的區間。如果一個白白的區間向左或向右延長后都不是白白的區間了,則稱這…

如何利用Python網絡爬蟲爬取微信朋友圈動態--附代碼(下)

前天給大家分享了如何利用Python網絡爬蟲爬取微信朋友圈數據的上篇(理論篇),今天給大家分享一下代碼實現(實戰篇),接著上篇往下繼續深入。一、代碼實現1、修改Scrapy項目中的items.py文件。我們需要獲取的數…

使用Adaptive cards來構建Teams app的界面

Teams app的task module十分好用,當用戶點擊了一個卡片上的按鈕是可以在Teams里彈出一個對話框,對話框的內容可以是開發人員自己的一個網頁頁面,或者是adaptive card。 在我的LuckyDraw bot里,我比較了這兩種的優勢和劣勢&#xf…

Boosting(提升方法)之GBDT

一、GBDT的通俗理解 提升方法采用的是加法模型和前向分步算法來解決分類和回歸問題,而以決策樹作為基函數的提升方法稱為提升樹(boosting tree)。GBDT(Gradient Boosting Decision Tree)就是提升樹算法的一種,它使用的基學習器是C…

CC攻擊原理及防范方法

一、 CC攻擊的原理: CC攻擊的原理就是攻擊者控制某些主機不停地發大量數據包給對方服務器造成服務器資源耗盡,一直到宕機崩潰。CC主要是用來消耗服務器資源的,每個人都有這樣的體驗:當一個網頁訪問的人數特別多的時候&#xff0c…

Team photo的新api

Graph API的更新速度真是快,今年9月中旬又增加了關于Team photo的兩個新的api。 https://docs.microsoft.com/en-us/graph/api/team-get-photohttps://docs.microsoft.com/en-us/graph/api/team-update-photo 今天就給大家介紹一下如何使用這兩個新的api。 實際上說…

BZOJ 1047: [HAOI2007]理想的正方形 單調隊列瞎搞

題意很簡明吧? 枚舉的矩形下邊界和右端點即右下角,來確定矩形位置; 每一個縱列開一個單調隊列,記錄從 i-n1 行到 i 行每列的最大值和最小值,矩形下邊界向下推移的時候維護一下; 然后在記錄的每一列的最大值…

分享到Teams

在今年三月份末,Teams的官方文檔推出了一個新功能:將網頁(一個URL)分享到Teams里。 也就是說開發人員現在可以很方便的開發一個頁面,頁面里有一個Teams的圖標,當訪問此頁面的最終用戶點擊這個圖標后可以將…

xshell使用xftp傳輸文件和使用pure-ftpd搭建ftp服務

xshell使用xftp傳輸文件 首先安裝xftp,然后建立會話,步驟和xshell一樣,在使用的時候用CtrlALTf呼出,左邊是windows桌面,右面是linux,雙擊或拖拽都可以實現命令互傳。 使用pure-ftpd搭建ftp服務 首先安裝yum…

MySQL命令行查詢亂碼解決方法

轉自Agoly的博客,原文鏈接https://www.cnblogs.com/qmfsun/p/4846467.html 感謝博主Agoly這篇文章說的很詳細很透徹。 MySQL會出現中文亂碼的原因不外乎下列幾點:1.server本身設定問題,例如還停留在latin1 2.table的語系設定問題(包含charact…

Teams Bot如何判斷用戶所在的時區

一說到時間,就會聯想到時區,夏令時等頭痛的問題,不同國家有不同國家的規定。如果你希望你的Teams Bot可以判斷出當前用戶所在的時區,從而可以針對性的進行一些處理時,你要做好心理準備,這個復雜程度遠遠超過…

『流暢的Python』第1~4章筆記_數據結構、編碼

由于1~4章內容零散且基礎,所以統計一下涉及到的內容,記錄一下,方便查閱(第一張圖右鍵新頁面打開即可看到清晰大圖)

docker 安裝ELK

參考文檔: Docker ELK使用文檔:http://elk-docker.readthedocs.io/ 1.拉取鏡像 查看 Docker Hub 的鏡像 docker search elk 拉取鏡像 sudo docker pull sebp/elk 2.啟動容器 docker run -p 5601:5601 -p 9200:9200 -p 5044:5044 -p 4560:4560 -it --na…

在Teams Hackathon上介紹LuckyDraw

很榮幸有機會在今天的Teams Hackathon上介紹LuckyDraw這個teams app。 因為到場的都是各路開發高手,所以當時在準備這個ppt的時候特別增加了難度等級,哈哈。 從如何構建云原生的Teams app,到IaC,重點講了如何開發一個面向全球用戶…