阿里云圖片服務(wù)縮略圖使用方法及問題解決

目前團隊開發(fā)的app痢法,后端服務(wù)全部假設(shè)在阿里云服務(wù)器柴钻。體驗到了阿里云oss圖片服務(wù)的便利性。

手冊地址

圖片處理提供以下功能:

  • 獲取圖片信息
  • 圖片格式轉(zhuǎn)換
  • 圖片縮放、裁剪采幌、旋轉(zhuǎn)
  • 圖片添加圖片劲够、文字、圖文混合水印
  • 自定義圖片處理樣式
  • 通過管道順序調(diào)用多種圖片處理功能

具體內(nèi)容可參考官網(wǎng)地址:https://help.aliyun.com/document_detail/44686.html?spm=5176.doc32207.6.937.iEYG5k

獲取圖片的縮略圖

通過在圖片的url路徑后添加處理參數(shù)來實現(xiàn)休傍。使用代碼示例如下

    /**
     * @param oriUrl 原url
     * @param width  縮略圖的寬度
     * @return 縮略圖的url
     */
    public static String getThumbnailResourceUrl(String oriUrl, int width, int height) {
        if (oriUrl == null || !oriUrl.toLowerCase().startsWith("http:")) {
            return oriUrl;
        }
        StringBuffer result = new StringBuffer();
        result.append(oriUrl);
        result.append("@");
        result.append(String.valueOf(width));
        result.append("w_");
        result.append(String.valueOf(height));
        result.append("h_1l");
        if (oriUrl.toLowerCase().endsWith(".gif")) {
            result.append(".gif");
        } 
        return result.toString();
    }

但是該方案存在問題征绎,png圖片背景顯示為黑色。查閱圖片服務(wù)手冊(舊版)尊残,當前受用的縮略模式是指定廣告縮放炒瘸,具體見https://help.aliyun.com/document_detail/32218.html?spm=5176.doc32219.6.978.JX0ymF。其中關(guān)鍵注意事項如下:

如果不指定格式寝衫,原圖將默認轉(zhuǎn)換成jpg格式顷扩,如果原圖是png, webp, bmp可能會導致圖出現(xiàn)變形。詳細可以查看質(zhì)量變換格式轉(zhuǎn)換慰毅。

根據(jù)上述語句隘截,該問題的解決方案就是:指定圖片的格式
如何指定圖片格式呢汹胃,最終在基本概念頁面找到了如下說明婶芭。

基本概念.png

最終解決方案如下,在url后加上".png"着饥。gif圖片顯示同理

    public static String getThumbnailResourceUrl(String oriUrl, int width, int height) {
        if (oriUrl == null || !oriUrl.toLowerCase().startsWith("http:")) {
            return oriUrl;
        }
        StringBuffer result = new StringBuffer();
        result.append(oriUrl);
        result.append("@");
        result.append(String.valueOf(width));
        result.append("w_");
        result.append(String.valueOf(height));
        result.append("h_1l");
        if (oriUrl.toLowerCase().endsWith(".gif")) {
            result.append(".gif");
        } else if (oriUrl.toLowerCase().endsWith(".png")) {
            result.append(".png");
        }
        return result.toString();
    }

圖片旋轉(zhuǎn)

個別手機拍攝的照片帶有旋轉(zhuǎn)參數(shù)(存放在照片exif信息里面)犀农,如部分三星手機拍照有旋轉(zhuǎn)90度。這個時候獲取縮略時宰掉,需要自動旋轉(zhuǎn)呵哨。
參考自適應(yīng)方向的說明文檔,如下轨奄,

image.png

解決方案是url后添加o參數(shù)孟害。代碼如下:

    public static String getThumbnailResourceUrl(String oriUrl, int width, int height) {
        if (oriUrl == null || !oriUrl.toLowerCase().startsWith("http:")) {
            return oriUrl;
        }
        StringBuffer result = new StringBuffer();
        result.append(oriUrl);
        result.append("@");
        result.append(String.valueOf(width));
        result.append("w_");
        result.append(String.valueOf(height));
        result.append("h_1l_2o");
        if (oriUrl.toLowerCase().endsWith(".gif")) {
            result.append(".gif");
        } else if (oriUrl.toLowerCase().endsWith(".png")) {
            result.append(".png");
        }
        return result.toString();
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市挪拟,隨后出現(xiàn)的幾起案子挨务,更是在濱河造成了極大的恐慌,老刑警劉巖玉组,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谎柄,死亡現(xiàn)場離奇詭異,居然都是意外死亡惯雳,警方通過查閱死者的電腦和手機朝巫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吨凑,“玉大人捍歪,你說我怎么就攤上這事户辱。” “怎么了糙臼?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵庐镐,是天一觀的道長。 經(jīng)常有香客問我变逃,道長必逆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任揽乱,我火速辦了婚禮名眉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘凰棉。我一直安慰自己损拢,他們只是感情好,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布撒犀。 她就那樣靜靜地躺著福压,像睡著了一般。 火紅的嫁衣襯著肌膚如雪或舞。 梳的紋絲不亂的頭發(fā)上荆姆,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天,我揣著相機與錄音映凳,去河邊找鬼胆筒。 笑死,一個胖子當著我的面吹牛诈豌,可吹牛的內(nèi)容都是我干的仆救。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼队询,長吁一口氣:“原來是場噩夢啊……” “哼派桩!你這毒婦竟也來了构诚?” 一聲冷哼從身側(cè)響起蚌斩,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎范嘱,沒想到半個月后送膳,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡丑蛤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年叠聋,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片受裹。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡碌补,死狀恐怖虏束,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情厦章,我是刑警寧澤镇匀,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站袜啃,受9級特大地震影響汗侵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜群发,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一晰韵、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧熟妓,春花似錦雪猪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至告材,卻和暖如春坤次,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背斥赋。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工缰猴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人疤剑。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓滑绒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親隘膘。 傳聞我的和親對象是個殘疾皇子疑故,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 點擊查看原文 Web SDK 開發(fā)手冊 SDK 概述 網(wǎng)易云信 SDK 為 Web 應(yīng)用提供一個完善的 IM 系統(tǒng)...
    layjoy閱讀 13,768評論 0 15
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,167評論 25 707
  • 前言:由于項目需要消息推送功能,由于 Android 谷歌官方的服務(wù)C2DM(Android Cloud to D...
    呼呼哥閱讀 7,855評論 8 16
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件弯菊、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,105評論 4 62
  • 四月是踏青的好時節(jié)纵势!草長鶯飛、鳥語花香管钳、到處一片春意盎然的景象钦铁。 杭州這座江南水鄉(xiāng),讓人心醉的可不止西湖才漆。 看慣了...
    迷途北極的魚閱讀 455評論 0 2