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

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
15046 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

J'utilise la taille dans tempFiles pour déterminer la taille de l'image. . La version minimale prise en charge est 1.2.0

associée Recommandée :

Mini programme : Comment ajouter et supprimer dynamiquement des tableaux d'objets JSON (avec code)

Exemple de mini-programme WeChat : Comment appeler Tencent Map pour obtenir des données jsonp

Comment appeler l'API pour implémenter une demande de données dans l'applet 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