微信小程序 选择图片 并上传到服务器

官方地址: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上传文件的代码就可以。

微信小程序上传图片,比想象中要简单的多。

 

微信小程序 选择图片 并上传到服务器

上一篇:2022 年 Web3 和加密经济的 10 项预测


下一篇:Web3.js查询以太币和代币余额以及转账