寰俊JS-SDK閫夋嫨鍥剧墖閬囧埌鐨勫潙

Posted 2021-01-28

鏍囩锛?a href='http://www.mamicode.com/so/1/ref' title='ref'>ref   oca   寰俊   棰勮   inpu   data   input   str   閬囧埌   

寰俊JS-SDK閫夋嫨鍥剧墖閬囧埌鐨勫潙

鏈変釜闇€姹傝鍦ㄥ井淇′紒涓氬彿閲岄潰鍋氬紑鍙戯紝鏈変釜鍔熻兘鏄€夋嫨鍥剧墖锛屼娇鐢?code>input鏍囩鑲畾鏄笉绠＄敤浜嗭紝android鎵嬫満涓婁笉鑳藉閫夛紝鎵€浠ヤ娇鐢ㄤ簡寰俊鐨凧S-SDK鎻愪緵鐨勭浉鍏矨PI锛岃繖涓湴鏂圭湡鐨勬槸鏈夊潙锛岃褰曚竴涓嬨€傛寜鐓ф枃妗ｇ洿鎺ュ紩鍏s鏂囦欢鍗冲彲锛屽鏋滀娇鐢ㄧ殑鏄疺ue锛屼篃鍙互浣跨敤weixin-js-sdk锛屼袱绉嶆柟寮忛兘鍙互銆?/p>

鍥剧墖鍦ˋndroid涓婃棤娉曢瑙?/h3>

js-sdk鐨?code>chooseImage 鎺ュ彛杩斿洖鐨勭粨鏋滄槸localId锛岀被浼间簬wxLocalResource://xxxxxx锛屽鏋滄兂寰楀埌瀹冪殑base64涓查渶瑕佸啀璋冪敤getLocalImgData鏂规硶锛屽洜涓烘垜浠悗鍙版帴鍙ｉ噷闇€瑕佺敤鍒拌繖涓猙ase64涓诧紝鎵€浠ラ€氳繃杩欎釜鎺ュ彛鏉ヨ幏鍙朾ase64涓蹭綔灞曠ず锛岃€屼笉鏄敤鏂囨。閲屼粙缁嶇殑鏂规硶銆傞偅杩欓噷鏈変釜鍧戯紝浠嶢ndroid鑾峰彇鐨刲ocalData鏄笉甯︽湁base64鍓嶇紑鐨勶紝瑕佸鐞嗕竴涓嬨€?/p>

selectImage: function () {
    let context = this;
    wx.chooseImage({
        count: 9,
        sizeType: ['compressed'], 
        sourceType: ['album', 'camera'], 
        defaultCameraMode: "normal", 
        success: function (res) {
            // localIds鏄湪data閲屽畾涔夌殑涓€涓猯ocalId鏁扮粍
            context.localIds = res.localIds;
            // 涓嶈兘鐩存帴閬嶅巻杩欎釜鏁扮粍
            context.updateBase64Data(context.localIds.shift());
        },
        fail: function (res) {
            alert('閫夋嫨鍥剧墖澶辫触:' + res.errMsg);
        },
    });
},
updateBase64Data: function (localId) {
    let context = this;
    wx.getLocalImgData({
        localId: localId, // 鍥剧墖鐨刲ocalID
        success: function (res) {
            let localData = res.localData;
            let prefix = 'base64,';
            let index = localData.indexOf(prefix);
            let actData = localData;
            // 鎴戠幇鍦ㄦ槸璁剧疆鍙傛暟锛屽鏋滄槸灞曠ず鐨勮瘽鍒欏簲璇ユ槸娣诲姞澶撮儴data:image/jpeg;base64,
            if (index > -1) {
                actData = localData.substring(index + 7);
            }
            // base64Array鏄湪data閲屽畾涔夌殑涓€涓猙ase64涓叉暟缁?            context.base64Array.push(actData);
            
            if (context.localIds.length > 0) {
                context.updateBase64Data(context.loaclIds.shift());
            } else {
                // 鎵ц澶勭悊
            }
        },
        fail: function (res) {
            alert('閫夋嫨鍥剧墖澶辫触:' + res.errMsg);
        },
    });
},

getLocalImgData鑾峰彇澶氬紶鍥剧墖鏃犲搷搴?/h3>

chooseImage鏂规硶鑾峰彇鍒版槸涓€涓猯ocalId鐨勬暟缁勶紝濡傛灉鐩存帴閬嶅巻杩欎釜鏁扮粍鍘昏皟鐢?code>getLocalImgData鏃跺畠鍙細鎵ц涓€娆★紝鍚庨潰鐨勬棤璁烘€庢牱閮戒笉浼氭墽琛岋紝鐚滄祴搴旇鏄窡瀹僱ocalId鐨勮幏鍙栨湁鍏崇郴銆傛墍浠ラ噰鍙栦簡涓婇潰浠ｇ爜涓€掑綊鐨勬柟寮忚皟鐢紝褰撹繛缁皟鐢?code>uploadImage涓婁紶鍥剧墖鏃朵篃瑕佽繖涔堝仛銆?/p>

Android鏃犳硶閫夋嫨鍘熷浘

灏界鍦?code>chooseImage鏂规硶鍙互閫氳繃sourceType瀛楁鎸囧畾鏄師鍥捐繕鏄帇缂╁悗鐨勫浘锛屼絾鏄彧瑕佽皟鐢ㄤ簡getLocalImgData鏂规硶锛岄偅鑾峰彇鍒扮殑base64涓插睍绀轰竴瀹氭槸妯＄硦鐨勩€備綘鍦ㄦ兂鏄笉鏄疉ndroid涓婇潰涓嶈兘浣跨敤鍘熷浘鍟婏紝閿欎簡锛屼粩缁嗙湅ios涓婇潰鐨勫浘涔熸槸涓嶆竻妤氱殑锛屾祴璇曞彂鐜扮‘瀹炴槸杩欐牱锛屽師鍥?.8M锛屼娇鐢╦s-sdk閫夋嫨鐨勫師鍥惧彧鏈変笉鍒?40K锛岄偅涓轰粈涔圓ndroid浼氭ā绯婁絾鏄疘OS姣旇緝娓呮鍛紝浣犳槸涓嶆槸鍙堟兂杩欎笉鏄疘OS鍜孉ndroid绯荤粺鐨勫尯鍒惂锛屾妸鍚屼竴寮犲浘鐗囬€氳繃getLocalImgData鏂规硶鑾峰彇鍒扮殑base64涓插仛姣斿鍙戠幇锛孉ndroid涓婂緱鍒扮殑base64涓插墠缂€鏄互gCM寮€澶达紝鑰孖OS鍒欐槸浠?code>/9j/寮€澶达紝浠嶱C涓婇€夋嫨鐨勫浘涔熸槸浠?code>/9j/寮€澶达紝鑷繁瑙ｆ瀽鐨勫浘鐗囦篃鏄互/9j/寮€澶达紝鎵€浠ヤ笉鏄洜涓哄帇缂╁彉妯＄硦浜嗭紝鏄洜涓轰娇鐢ㄤ簡涓嶄竴鏍风殑缂栫爜鍙樻ā绯婁簡銆傚鏋滅湡鐨勬兂閫夋嫨鍘熷浘锛屽厛鎶婂浘鐗囦笂浼犲埌寰俊鏈嶅姟鍣紝鐒跺悗浣跨敤鑾峰彇涓存椂绱犳潗鐨勬帴鍙?code>https://qyapi.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID锛屾妸鍥剧墖涓嬭浇涓嬫潵锛岀粡娴嬭瘯杩欐牱鍏跺疄涔熸槸鏈夊帇缂╃殑锛岃繖涓槸浼佷笟鍙风殑API濡傛灉鐢ㄥ叕浼楀彿鍦板潃鏄?code>https://api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID銆備唬鐮佸氨涓嶈创浜嗭紝涓庝笂闈㈢殑鍩烘湰涓€鑷淬€?/p>

鏉ユ簮锛?a href="https://segmentfault.com/a/1190000016013722" class="uri">https://segmentfault.com/a/1190000016013722