Maison > Applet WeChat > Développement de mini-programmes > Comment télécharger des images dans le développement d'applets WeChat

Comment télécharger des images dans le développement d'applets WeChat

php中世界最好的语言
Libérer: 2018-06-05 11:46:56
original
2142 Les gens l'ont consulté

Anciennes règles, il suffit d'aller au code.

<span style="font-size: 14px;">handleCancelPic() {        let id = this.data.dbId;<br/>        wx.chooseImage({<br/>          count: 3, // 默认9<br/>          sizeType: [&#39;compressed&#39;], // 可以指定是原图还是压缩图,默认二者都有          sourceType: [&#39;album&#39;, &#39;camera&#39;], // 可以指定来源是相册还是相机,默认二者都有<br/>          success: res => {<br/>            // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片<br/>            var tempFilePaths = res.tempFilePaths;<br/><br/>            this.setData({<br/>                src: tempFilePaths<br/>            })<br/>            upload(this,tempFilePaths,&#39;&#39;,&#39;&#39;);<br/>          }<br/>        })<br/>    }<br/>然后一个封装好的方法function upload(page, path,way,id) {<br/>    console.log(path)<br/>  wx.showToast({<br/>    icon: "loading",<br/>    title: "正在上传"<br/>  });<br/>  var test = [],<br/>    that = this;  for (var i = 0; i<path.length; i++) {<br/>        wx.uploadFile({<br/>          url: api.CancelImg,<br/>          filePath: path[i],          <br/>          name: &#39;file&#39;,<br/>          header: { "Content-Type": "multipart/form-data" },<br/>          success: res => {<br/>            test.push(res);<br/>            wx.setStorageSync(&#39;cancelImg&#39;,test)<br/>            console.log(test)            if (res.statusCode != 200) { <br/>              wx.showModal({<br/>                title: &#39;提示&#39;,<br/>                content: &#39;上传失败&#39;,<br/>                showCancel: false<br/>              })              return;<br/>            }else {<br/>                wx.showModal({<br/>                    title: &#39;提示&#39;,<br/>                    content: &#39;上传成功&#39;,<br/>                    showCancel: false<br/>                }) <br/>            }<br/>          },<br/>          fail: function (e) {<br/>            console.log(e);<br/>            wx.showModal({<br/>              title: &#39;提示&#39;,<br/>              content: &#39;上传失败&#39;,<br/>              showCancel: false<br/>            })<br/>          },<br/>          complete: function () {<br/>            wx.hideToast();  //隐藏Toast<br/>          }<br/>        })<br/>    }<br/></span>
Copier après la connexion

Il s'agit d'une méthode permettant de télécharger plusieurs images. Si vous souhaitez télécharger une seule image, supprimez simplement la boucle. Principalement parce que la valeur par défaut officielle de WeChat est de télécharger une image à la fois, ce qui est très pénible. C'est tout ce que nous pouvons faire. . .

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

L'utilisation de vues de conteneurs dans le développement d'applets WeChat

Comment gérer l'échec des requêtes Android dans le développement d'applets 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