Analyse d'un exemple de limitation de la taille de plusieurs images téléchargées par l'applet WeChat-Développement de mini-programmes-php.cn

Maison

Applet WeChat

Développement de mini-programmes

Analyse d'un exemple de limitation de la taille de plusieurs images téléchargées par l'applet WeChat

php是最好的语言

Aug 07, 2018 am 10:38 AM

Récemment, je travaille sur un projet de mini-programme WeChat. Le but est de télécharger plusieurs images. Le nombre ne peut pas dépasser 3. De plus, en php, comme le téléchargement d'images est configuré pour télécharger uniquement 2M, le téléchargement échoue. je l'ai donc défini sur le front-end. Une fonction qui utilise l'API WeChat (wx.chooseImage) pour obtenir des images si l'image est plus grande que 3, une invite apparaîtra et l'image ne peut pas être téléchargée. que 2M, une invite apparaîtra. Seules les images de moins de 2M peuvent être téléchargées,

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

Analyse dun exemple de limitation de la taille de plusieurs images téléchargées par lapplet WeChat

J'utilise la taille dans tempFiles pour déterminer la taille de l'image. . La version minimale prise en charge est la 1.2.0 (je ne comprends pas, je sais que cette 1.2.0 est quelle version ? La version WeChat ou la version de l'outil de développement d'applet WeChat ? Si vous savez, veuillez commenter, merci)