微信小程序把用户上传的图片上传到服务器端前端详细操作
2021-09-16 11:42:51

//第一步  保存用户上传的图片

  chooseImage: function() {
    wx.chooseImage({
      count: 1, //选择图片的数量 默认为9
      success: (res) => {
        console.log(res)
        //tempFilePaths  图片的本地临时文件路径列表
        let path = res.tempFilePaths[0] //拿路径  
        this.setData({
          showImage_url: path
        })
      },
    })
  },

//第二步  把用户上传的图片保存到服务器端
//确认发布
  confirmPublish: function() {
  wx.uploadFile({
          url: app.globalData.env.domainName + '/api/publish_image/', //开发者服务器地址
          header: {
            "Content-Type": "multipart/form-data",
            "token": wx.getStorageSync('token')
          },
          filePath: this.data.showImage_url,//要上传文件资源的路径
          name: "dynamic_url",//文件对应的 key，开发者在服务端可以通过这个 key 获取文件的二进制内容
          success: (res) => {
            console.log(res)
            wx.showToast({
              title: '发布成功',
            })
            setTimeout(() => {
              wx.navigateBack()
            }, 1000)
          }
        })
}