So laden Sie Bilder in der WeChat-Applet-Entwicklung hoch

Alte Regeln, gehen Sie einfach zum 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>

Dies ist eine Methode zum Hochladen mehrerer Bilder. Wenn Sie ein einzelnes Bild hochladen möchten, entfernen Sie einfach die Schleife. Vor allem, weil die offizielle Standardeinstellung von WeChat darin besteht, jeweils nur ein Bild hochzuladen, was nervig ist. Das ist alles, was wir tun können. . .

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Die Verwendung von Containeransichten in der WeChat-Applet-Entwicklung

So gehen Sie mit Android-Anfragefehlern bei der WeChat-Applet-Entwicklung um

Das obige ist der detaillierte Inhalt vonSo laden Sie Bilder in der WeChat-Applet-Entwicklung hoch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!