小編給大家分享一下小程序開(kāi)發(fā)中實(shí)現(xiàn)圖片上傳的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

10年積累的網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有鳳泉免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

老規(guī)矩，直接上代碼了。

handleCancelPic() {        let id = this.data.dbId;
        wx.chooseImage({
          count: 3, // 默認(rèn)9
          sizeType: ['compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有          sourceType: ['album', 'camera'], // 可以指定來(lái)源是相冊(cè)還是相機(jī)，默認(rèn)二者都有
          success: res => {
            // 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
            var tempFilePaths = res.tempFilePaths;

            this.setData({
                src: tempFilePaths
            })
            upload(this,tempFilePaths,'','');
          }
        })
    }
然后一個(gè)封裝好的方法function upload(page, path,way,id) {
    console.log(path)
  wx.showToast({
    icon: "loading",
    title: "正在上傳"
  });
  var test = [],
    that = this;  for (var i = 0; i {
            test.push(res);
            wx.setStorageSync('cancelImg',test)
            console.log(test)            if (res.statusCode != 200) { 
              wx.showModal({
                title: '提示',
                content: '上傳失敗',
                showCancel: false
              })              return;
            }else {
                wx.showModal({
                    title: '提示',
                    content: '上傳成功',
                    showCancel: false
                }) 
            }
          },
          fail: function (e) {
            console.log(e);
            wx.showModal({
              title: '提示',
              content: '上傳失敗',
              showCancel: false
            })
          },
          complete: function () {
            wx.hideToast();  //隱藏Toast
          }
        })
    }

這個(gè)是多個(gè)圖片上傳的方法，單個(gè)圖片上傳的話，把循環(huán)去掉就好。主要是因?yàn)槲⑿殴俜侥J(rèn)的就是一次上傳一張圖片這個(gè)很蛋疼。只能這么搞了。。。

以上是“小程序開(kāi)發(fā)中實(shí)現(xiàn)圖片上傳的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：小程序開(kāi)發(fā)中實(shí)現(xiàn)圖片上傳的方法-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/dgdhgh.html