微信小程序中上傳多張圖片限制大小的方法

這篇“微信小程序中上傳多張圖片限制大小的方法”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“微信小程序中上傳多張圖片限制大小的方法”文章吧。

代碼如下：

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。

以上就是關于“微信小程序中上傳多張圖片限制大小的方法”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。