微信小程序把用戶上傳的圖片上傳到服務(wù)器端前端詳細(xì)操作
2021-09-16 11:42:51

//第一步  保存用戶上傳的圖片

  chooseImage: function() {
    wx.chooseImage({
      count: 1, //選擇圖片的數(shù)量 默認(rèn)為9
      success: (res) => {
        console.log(res)
        //tempFilePaths  圖片的本地臨時(shí)文件路徑列表
        let path = res.tempFilePaths[0] //拿路徑  
        this.setData({
          showImage_url: path
        })
      },
    })
  },

//第二步  把用戶上傳的圖片保存到服務(wù)器端
//確認(rèn)發(fā)布
  confirmPublish: function() {
  wx.uploadFile({
          url: app.globalData.env.domainName + '/api/publish_image/', //開發(fā)者服務(wù)器地址
          header: {
            "Content-Type": "multipart/form-data",
            "token": wx.getStorageSync('token')
          },
          filePath: this.data.showImage_url,//要上傳文件資源的路徑
          name: "dynamic_url",//文件對(duì)應(yīng)的 key，開發(fā)者在服務(wù)端可以通過(guò)這個(gè) key 獲取文件的二進(jìn)制內(nèi)容
          success: (res) => {
            console.log(res)
            wx.showToast({
              title: '發(fā)布成功',
            })
            setTimeout(() => {
              wx.navigateBack()
            }, 1000)
          }
        })
}

?