微信小程序开发之上传图片到服务器

Posted yunshangxiaolei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序开发之上传图片到服务器相关的知识,希望对你有一定的参考价值。

微信小程序开之后上传图片到服务器

微信小程序自带的上传图片功能只能允许上传图片到手机本地。但是比如网站后台需要看到图片怎么办呢?

接下来。上传源码

function UploadImage(CallBack) {
  wx.chooseImage({
    success: function (res) {
      var tempFilePaths = res.tempFilePaths
      console.log(tempFilePaths)
      wx.showLoading({ title: ‘正在上传‘ })
      wx.uploadFile({
        url: UploadImage_ApiUrl,
        filePath: tempFilePaths[0],//临时路径
        name: uploadImagefileName,
        formData: {
          CustID: custID
        },
        success: function (res) {
          var data = res.data
          console.log(res)
          var json=JSON.parse(data)
          wx.hideLoading()
          CallBack(json.path)
        }
      })
    }
  })
}
CallBack:回调函数地址
UploadImage_ApiUrl:你后台上传图片的API地址。
uploadImagefileName:这里默认是file; 在后台放一个参数名字:string file参数
 
到后端之后。所有图片的源数据都在file里面;后端直接控制这个参数的数据即可
:
 

以上是关于微信小程序开发之上传图片到服务器的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

微信小程序开发图片上传+服务端接收

微信小程序开发图片上传+服务端接收

微信小程序开发之三元运算符代替wx.if/wx.else

微信小程序开发之代码提示插件(VSCode)

微信小程序开发之--"template模板“的应用