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

創(chuàng)新互聯(lián)公司，為您提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作公司、網(wǎng)站營(yíng)銷推廣、網(wǎng)站開(kāi)發(fā)設(shè)計(jì)，對(duì)服務(wù)石雕等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈，認(rèn)真對(duì)待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

近期在做微信小程序的項(xiàng)目，目的為了上傳多張圖片，數(shù)量不能超過(guò)3張 ，而且在php里因?yàn)樯蟼鲌D片被設(shè)置了只能上傳2M，導(dǎo)致上傳不成功，所以我在前端  設(shè)置一個(gè)函數(shù)，用了微信api(wx.chooseImage)獲取圖片，如果圖片大于3張的情況彈出一個(gè)提示，不能繼續(xù)上傳圖片了，如果圖片大于2M的情況彈出一個(gè)提示，只能在上傳2M以下的圖片，

data:{
    img:[], //設(shè)置一個(gè)數(shù)組
}

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

        }

}

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“微信小程序中上傳多張圖片限制大小的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

網(wǎng)頁(yè)名稱：微信小程序中上傳多張圖片限制大小的示例分析-創(chuàng)新互聯(lián)
鏈接地址：http://weahome.cn/article/egeso.html