小程序在上傳圖片時(shí)怎么限制大小-創(chuàng)新互聯(lián)

小編給大家分享一下小程序在上傳圖片時(shí)怎么限制大小，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司擁有一支富有激情的企業(yè)網(wǎng)站制作團(tuán)隊(duì)，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕10年，專業(yè)且經(jīng)驗(yàn)豐富。10年網(wǎng)站優(yōu)化營銷經(jīng)驗(yàn)，我們已為近千家中小企業(yè)提供了網(wǎng)站建設(shè)、網(wǎng)站制作解決方案，按需網(wǎng)站建設(shè)，設(shè)計(jì)滿意，售后服務(wù)無憂。所有客戶皆提供一年免費(fèi)網(wǎng)站維護(hù)!

最近有一個(gè)微信小程序的項(xiàng)目，要求是上傳多張圖片，數(shù)量不能超過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'],//可以指定來源相冊(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

以上是“小程序在上傳圖片時(shí)怎么限制大小”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：小程序在上傳圖片時(shí)怎么限制大小-創(chuàng)新互聯(lián)
本文鏈接：http://muchs.cn/article24/djgcje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、面包屑導(dǎo)航、App設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)