官方地址:https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html
选择图片以后,实际上图片的本地地址:
http://tmp/rac1Gf3dvoNb27bf6bd54e09ef16b995c575fde40c8f.jpeg
这个看上去怪怪的,因为本地并没有这样的地址,不用管它,这个小程序能够读到就可以。
wx.chooseImage({ success (res) { const tempFilePaths = res.tempFilePaths wx.uploadFile({ url: ‘https://example.weixin.qq.com/upload‘, //仅为示例,非真实的接口地址 filePath: tempFilePaths[0], name: ‘file‘, formData: { ‘user‘: ‘test‘ }, success (res){ const data = res.data //do something } }) } })
看一下服务器演示代码:
@PostMapping("/upload") public Map<String, Object> fileUpload(MultipartFile file, HttpServletRequest req) { Map<String, Object> resultMap = new HashMap<>(); // 得到上传时的文件名 String originName = file.getOriginalFilename(); String strNewFileName = ... file.transferTo(new File(folder, strNewFileName)); ... }
这个随便找一下spring boot上传文件的代码就可以。
微信小程序上传图片,比想象中要简单的多。