一.小程序

1.wxml代码

<view>
  <button bindtap='fileUploadTap'>上传</button>
</view>

2.js代码

fileUploadTap: function(){
    wx.chooseImage({
      success(res) {
        const tempFilePaths = res.tempFilePaths
        wx.uploadFile({
          url: 'http://localhost:8080/upload', //仅为示例，非真实的接口地址
          filePath: tempFilePaths[0],
          name: 'file',
          formData: {
            description: '图片'
          },
          success(res) {
            console.log(res.data)
          }
        })
      }
    })
  }

3.演示界面

image.png

点击上传按钮，就可以选择相应的图片进行上传

二.springboot后端

@RestController
public class TestController {
   // 上传文件会自动绑定到MultipartFile
    @PostMapping(value="/upload")
    public String upload(HttpServletRequest request,
                         @RequestParam("description") String  description,
                         @RequestParam("file") MultipartFile file) throws Exception{
        //接收参数description
        System.out.println("description: " + description);
        //如果文件不为空，写入上传路径
        if (!file.isEmpty()){
            //上传文件路径
            String path = request.getServletContext().getRealPath("/upload/");
            System.out.println("path = " + path);
            //上传文件名
            String filename = file.getOriginalFilename();
            File filePath = new File(path, filename);
            //判断路径是否存在，如果不存在就创建一个
            if (!filePath.getParentFile().exists()){
                filePath.getParentFile().mkdirs();
            }
            //将上传文件保存到一个目标文件当中
            file.transferTo(new File(path+File.separator + filename));
            System.out.println(filename);
            return "success";
        }else {
            return "error";
        }
    }
}