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

php是最好的语言
Libérer: 2018-08-07 10:38:09
original
7128 Les gens l'ont consulté

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)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!