微信JSSDK一次性上傳多張圖片卡死解決方案

Lemon_95 發布于2019-08-19 18:40 / 1675人閱讀

摘要：應用場景描述微信禁止了使用表單上傳圖片，必須使用微信圖片上傳，該插件是一張一張的上傳的。上傳卡死的原因多張連續上傳的時候因為還未等一張圖片獲取完媒體，而下一張圖片又開始請求獲取媒體，所以會出現卡死問題。

應用場景描述

微信禁止了使用表單INPUT[TYPE="FILE"]上傳圖片，必須使用微信WEB JSSDK 圖片上傳，該插件是一張一張的上傳的。過程是這樣的 上傳圖片 ——> 返回圖片本地ID ——>根據圖片本地ID,獲取圖片媒體ID——>服務端根據圖片媒體ID下載圖片。

上傳卡死的原因

多張連續上傳的時候,因為還未等一張圖片獲取完媒體ID，而下一張圖片又開始請求獲取媒體ID，所以會出現卡死問題。解決方案如下：

遞歸處理（推薦）

定時器處理

遞歸處理邏輯思路

定義兩個變量 var idx =0; var localIds; 分別存儲上傳序號,記錄上傳到第幾張圖片，本地圖片ID數組，即調用微信 WEB JSSDK 的wx.chooseImage()返回的結果  寫遞歸函數實現獲取根據圖片本地ID,獲取圖片媒體ID這個環節。

遞歸處理邏輯代碼

// ID數組
var localIds = null;
// 上傳序號
var idx = 0;
var serverIds="";
wx.ready(function(){ //配置web jssdk通過執行
    //調用圖片上傳接口
    wx.chooseImage({//返回本地圖片id 也可做為img 路徑顯示圖片 
           
          success: function (res) {//上傳本地圖片成功 
           
            localIds = res.localIds;//本地圖片id數組，下標從0開始

            //調用上傳遞歸函數
            wxUploadImg(localIds);
            
          }
    });


    /**
     * [wxUploadImg 獲取圖片媒體ID 遞歸函數]
     * @author 邱先生 
     * @copyright  
     * @version [V1.0版本] 
     * @date 2016-07-02
     * @param  {[type]} localIds [本地圖片ID數組]
     * @return {[type]}          [description]
     */
    function wxUploadImg(localIds){


        wx.uploadImage({//獲取圖片媒體ID
         
            localId: localIds[idx].toString(),  // 需要上傳的圖片的本地ID
            isShowProgressTips: 1, // 默認為1，顯示進度提示
            success: function (res) {//獲取成功
                // 上傳序號，上傳一張 累計 +1    
                idx++
                //存儲圖片媒體ID，用，號分割
                serverIds+=res.serverId+",";
                
                if(idx

GPU云服務器云服務器微信jssdk多圖上傳 jssdk微信圖片 jssdk上傳圖片微信圖片上傳

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79855.html

微信JSSDK 預覽圖片接口開發

摘要：應用場景在微信公眾號開發圖片預覽功能，例如多張產品圖片瀏覽，微信已經提供了預覽圖片接口。實現代碼加載微信這行代碼，引入了第三方微信，也可以具體參考微信手冊配置。綁定圖片點擊事件當前顯示圖片的鏈接需要預覽的圖片鏈接列表應用場景在微信公眾號開發圖片預覽功能，例如多張產品圖片瀏覽，微信JSSDK 已經提供了預覽圖片接口。效果圖如下： showImg(https://segment...

CarlBenjamin 2019-08-21 10:56 評論0 收藏0
jssdk 在history模式下安卓不能調用圖片上傳接口和分享接口

摘要：配置先上配置每個頁面都調用微信授權配置注是我在暴露的接口這份配置主要是根據微信公眾號開發踩坑記錄配置而來。首先說明，應用環境是使用的是vue+vue-router,history模式開發的單頁應用。配置先上配置??? // index.js const protocol = location.protocol + // + location.host; router.afterE...

dkzwm 2019-08-22 15:37 評論0 收藏0
微信開發之錄音上傳、下載、轉碼

摘要：具體請看我在提問里的回答下載七牛云文件間歇性失敗總結至此，在微信開發中關于錄音這一塊兒的功能，就已經介紹完畢。 showImg(https://segmentfault.com/img/remote/1460000013595733?w=454&h=339); 原文是在我自己博客中，小伙伴也可以點閱讀原文進行跳轉查看，還有好聽的背景音樂噢~ ????一年的時間里，前前后后都在搞微信開發...

余學文 2019-06-28 18:30 評論0 收藏0
微信JSSDK 實現打開攝像頭拍照再將相片保存到服務器

摘要：在微信端打開手機攝像頭拍照，將拍照圖片保存到服務器上需要使用到微信的接口，主要使用到了拍照或從手機相冊中選圖接口上傳圖片接口參考資料一引入微信二通過接口注入權限驗證配置三微信端拍照接口默認可以指定是原圖還是壓縮圖，默認二者都有可以指在微信端打開手機攝像頭拍照，將拍照圖片保存到服務器上需要使用到微信的JSSDK接口，主要使用到了拍照或從手機相冊中選圖接口（chooseImage）,上傳...

yy13818512006 2019-07-01 13:57 評論0 收藏0