微信上传 wx.chooseMedia和wx.uploadFile使用,java springboot后端跑通
wx.chooseMedia和wx.uploadFile使用,java springboot后端跑通前端wxml<button bindtap="clickImage"><image src="{{srcI}}"></image></button>js//绑定的数据data: {srcI: ''},// 方法chooseMedia启用手机设备的存储c
·
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();
}
更多推荐
已为社区贡献1条内容
所有评论(0)