ホームページ > 記事 > WeChat アプレット > WeChat アプレット開発で画像をアップロードする方法
古いルールでは、コードにアクセスするだけです。
<span style="font-size: 14px;">handleCancelPic() { let id = this.data.dbId;<br/> wx.chooseImage({<br/> count: 3, // 默认9<br/> sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有<br/> success: res => {<br/> // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片<br/> var tempFilePaths = res.tempFilePaths;<br/><br/> this.setData({<br/> src: tempFilePaths<br/> })<br/> upload(this,tempFilePaths,'','');<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: 'file',<br/> header: { "Content-Type": "multipart/form-data" },<br/> success: res => {<br/> test.push(res);<br/> wx.setStorageSync('cancelImg',test)<br/> console.log(test) if (res.statusCode != 200) { <br/> wx.showModal({<br/> title: '提示',<br/> content: '上传失败',<br/> showCancel: false<br/> }) return;<br/> }else {<br/> wx.showModal({<br/> title: '提示',<br/> content: '上传成功',<br/> showCancel: false<br/> }) <br/> }<br/> },<br/> fail: function (e) {<br/> console.log(e);<br/> wx.showModal({<br/> title: '提示',<br/> content: '上传失败',<br/> showCancel: false<br/> })<br/> },<br/> complete: function () {<br/> wx.hideToast(); //隐藏Toast<br/> }<br/> })<br/> }<br/></span>
複数の写真をアップロードする場合は、ループを削除するだけです。その主な理由は、WeChat の公式デフォルトでは一度に 1 枚の写真をアップロードするのが面倒だからです。私たちにできることはこれだけです。 。 。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
WeChat アプレット開発における Android リクエストの失敗を処理する方法
以上がWeChat アプレット開発で画像をアップロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。