wx.chooseMedia和wx.uploadFile使用,java springboot后端跑通

前端

wxml

<button bindtap="clickImage">
	<image src="{{srcI}}"></image>
</button>

js

  //绑定的数据
  data: {
    srcI: ''
  },
  
// 方法chooseMedia启用手机设备的存储
clickImage(){
    wx.chooseMedia({
      count: 1,
      mediaType: ['image','video'],
      sourceType: ['album', 'camera'],
      maxDuration: 30,
      camera: 'back',
      success: res=>{
        this.setData({
          srcI:res.tempFiles[0].tempFilePath
        })
        console.log(this.data.srcI)
        console.log(res.tempFiles[0].tempFilePath)
        this.up();
      }
    })
  },
// 上传方法 ,这个name属性是最重要的属性,他对应着后端传参数的指
// 也就是 MultipartFile file 的file
  up(){
    console.log(this.data.srcI)
    wx.uploadFile({
      filePath: this.data.srcI,
      name: 'file',
      url: 'http://localhost:8200/data/uploadImage',
    })
  },

Java springboot 后端

 public R uploadImage(MultipartFile file) throws IOException {
         // 获取到上传的内容 之后自己处理,我这边上传到阿里云
         // 代码没什么可参考的就不放了
        byte[] bytes = file.getBytes();
 }
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐