微信小程序上传图片到服务器（java后台以及使用springmvc）_上传图片小程序

由于自己最近在搞微信小程序，然后要做一个上传商品的模块，当然就需要上传图片了，然而一开始网上查了好几天关于微信小程序上传图片到服务器的，但是一直没搞定，总是报错。最后在搜索的过程中看到了一句评论说“如果找不到错误的话那就重新做吧”，就是这句话启发了我，所以我决定不上网查别人的方法，而是自己查看官方提供的API自己摸索着尝试，结果还真的给做出来了。因为之前自己网上查找了许多文章都无法解决我的问题，因此我决定写下这篇文章，希望能帮到有需要的人吧。

 

需要用到的接口

1、选择图片接口

首先看一下官方提供的API接口的参数说明

 

wx.chooseImage(OBJECT)

 

从本地相册选择图片或使用相机拍照。

OBJECT参数说明：

注：文件的临时路径，在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile，在小程序下次启动时才能访问得到。

 

success返回参数说明：

 

File 对象结构如下:

 

示例代码：

 

wx.chooseImage({
  count: 1, // 默认9
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
  success: function (res) {
    // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
    var tempFilePaths = res.tempFilePaths
  }
})

结合上面的参数说明，看懂这段代码应该不难，不过就算看不懂也没什么关系，毕竟这只是官方提供的一个API。

 

 

2、图片上传接口

 

wx.uploadFile(OBJECT)

 

将本地资源上传到开发者服务器。如页面通过 wx.chooseImage 等接