這篇文章主要介紹了微信小程序中上傳多張圖片限制大小的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創新互聯公司，為您提供成都網站建設、成都網站制作公司、網站營銷推廣、網站開發設計，對服務石雕等多個行業擁有豐富的網站建設及推廣經驗。創新互聯公司網站建設公司成立于2013年,提供專業網站制作報價服務,我們深知市場的競爭激烈，認真對待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發展進步，是我們永遠的責任！

近期在做微信小程序的項目，目的為了上傳多張圖片，數量不能超過3張 ，而且在php里因為上傳圖片被設置了只能上傳2M，導致上傳不成功，所以我在前端  設置一個函數，用了微信api(wx.chooseImage)獲取圖片，如果圖片大于3張的情況彈出一個提示，不能繼續上傳圖片了，如果圖片大于2M的情況彈出一個提示，只能在上傳2M以下的圖片，

data:{
    img:[], //設置一個數組
}

add_img:function(){
    var that = this,
    img = that.data.img;
        if(img.length < 3){  //如果圖片數量小于3張，可以直接獲取圖片
            wx.chooseImage({
                count:1,     //默認9
                sizeType:['compressed'], //可以指定原圖還是壓縮圖，默認二者都有
                sourceType:['album','camera'],//可以指定來源相冊還是相機，默認二者都有
                success:function(res){
                    var tempFilesSize = res.tempFiles[0].size;  //獲取圖片的大小，單位B
                    if(tempFilesSize <= 2000000){   //圖片小于或者等于2M時 可以執行獲取圖片
                        var tempFilePaths = res.tempFilePaths[0]; //獲取圖片
                        that.data.img.push(tempFilePaths);   //添加到數組
                        that.setData({
                            img:that.data.img
                        })
                    }else{    //圖片大于2M，彈出一個提示框
                        wx.showToast({
                            title:'上傳圖片不能大于2M!',  //標題
                            icon:'none'       //圖標 none不使用圖標，詳情看官方文檔
                        })
                    }
                }
            })
        }else{  //大于三張時直接彈出一個提示框
             wx.showToast({
                 title:'上傳圖片不能大于3張!',
                 icon:'none'   
             })

        }

}

我用的是tempFiles里的size判斷圖片大小， 支持最低版本1.2.0。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“微信小程序中上傳多張圖片限制大小的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創新互聯網站建設公司，，關注創新互聯行業資訊頻道，更多相關知識等著你來學習!

標題名稱：微信小程序中上傳多張圖片限制大小的示例分析-創新互聯
分享網址：http://m.newbst.com/article30/egeso.html

成都網站建設公司_創新互聯，為您提供電子商務、做網站、App設計、營銷型網站建設、網站導航、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯