wx.chooseMedia和wx.uploadFile使用,java springboot后端跑通 前端
wxml
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|微信上传 wx.chooseMedia和wx.uploadFile使用,java springboot后端跑通】Java springboot 后端
public R uploadImage(MultipartFile file) throws IOException {
// 获取到上传的内容 之后自己处理,饿哦这边上传到阿里云
// 代码没什么可参考的就不放了
byte[] bytes = file.getBytes();
}
推荐阅读
- spring源码|Spring源码解析十八
- 参考-基于组件的架构
- 蓝桥杯|【蓝桥杯】看完这些,还在担心自己拿不到奖()
- 算法解答题目
- 什么是好的错误消息? 讨论一下Java系统中的错误码设计
- 《mongodb经典入门》|四.MongoDB入门-Java操作MongoDB
- 技术|基于canal实现mysql和es增量数据同步
- 《mongodb经典入门》|五.MongoDB入门-SpringData操作MongoDB
- 程序员|普通二本的辛酸Java面试之路,实战篇