Comment limiter la taille de l'applet WeChat lors du téléchargement d'images (avec code)-Développement de mini-programmes-php.cn

Comment limiter la taille de l'applet WeChat lors du téléchargement d'images (avec code)

不言

Libérer： 2018-08-10 17:15:38

original

15005 Les gens l'ont consulté

Le contenu de cet article explique comment limiter la taille de l'applet WeChat lors du téléchargement d'images (avec code). Il a une certaine valeur de référence. J'espère que cela vous sera utile.

Récemment, il y a eu un projet d'applet WeChat. L'exigence était de télécharger plusieurs images. Le nombre ne devait pas dépasser 3. De plus, en php, comme le téléchargement d'images était configuré pour télécharger uniquement 2M, le téléchargement a échoué, J'ai donc configuré une fonction sur le front-end et utilisé l'API WeChat (wx.chooseImage) pour obtenir des images. Si l'image est plus grande que 3, une invite apparaîtra et vous ne pourrez pas continuer à télécharger l'image. plus grand que 2M, une invite apparaîtra. Vous ne pouvez télécharger que 2M Pour les images suivantes,

data:{
    img:[], //设置一个数组
}

add_img:function(){
    var that = this,
    img = that.data.img;
        if(img.length < 3){  //如果图片数量小于3张，可以直接获取图片
            wx.chooseImage({
                count:1,     //默认9
                sizeType:[&#39;compressed&#39;], //可以指定原图还是压缩图，默认二者都有
                sourceType:[&#39;album&#39;,&#39;camera&#39;],//可以指定来源相册还是相机，默认二者都有
                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:&#39;上传图片不能大于2M!&#39;,  //标题
                            icon:&#39;none&#39;       //图标 none不使用图标，详情看官方文档
                        })
                    }
                }
            })
        }else{  //大于三张时直接弹出一个提示框
             wx.showToast({
                 title:&#39;上传图片不能大于3张!&#39;,
                 icon:&#39;none&#39;   
             })

        }

}

Copier après la connexion