上传文件 uview upload
html
<u-upload @afterRead="afterRead" :maxCount="1" width="250" height="150" >
<view class="uploadTitle" style="color:#000" v-if="form.fileName">
{{form.fileName}}
</view>
<view class="uploadTitle" v-else>选取文件</view>
</u-upload>
javaScript
// 读取文件后
async afterRead(event) {
// 上传文件 - 可以通过其他事件上传
uni.uploadFile({
url: '/api/common/upload', //文件服务器地址
filePath:event.file.thumb, //文件路径
name: 'file',
header:{
"Authorization":'Bearer '+ uni.getStorageSync('token'),
},
success: (res) => {
if(res.statusCode==200){
}
}
});
},
上传图片
html
<view class="avatar">
<u--image width="80" height="80" @click='afterRead' :src="serverUrl+userInfo.avatar" shape="circle"></u--image>
</view>
javascript
//上传图像
afterRead() {
var _this=this;
uni.chooseImage({
count: 1, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album'], //从相册选择
success: function (res) {
uni.uploadFile({
url: '/api/system/user/profile/avatar', //接口地址
filePath: res.tempFilePaths[0],
name: 'avatarfile', //后台对应的参数名
header:{
"Authorization":'Bearer '+ uni.getStorageSync('token'),
},
success: (res) => {
var data=JSON.parse(res.data)
if(data.code==200){
_this.getUserProfile()
uni.$u.toast('操作成功')
}else{
uni.$u.toast(data.msg)
}
},
fail(err){
console.log(err,'接口调用失败')
}
});
}
});
},