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

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

php是最好的语言
php是最好的语言original
2018-08-07 10:38:097100parcourir

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;   
             })

        }

}

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)

Articles connexes :

Exemple de téléchargement d'images sur le serveur dans l'applet WeChat

Exemple de code d'implémentation de téléchargement multi-images dans le mini programme WeChat

Vidéos associées :

Tutoriel vidéo complet d'analyse approfondie du mini programme WeChat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn