首页 > 微信 > 详细

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

时间:2021-05-17 22:39:13      阅读:26      评论:0      收藏:0      [点我收藏+]

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

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

 

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

原文:https://www.cnblogs.com/jiduoduo/p/14778253.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!