概述
<image :src="imgList" mode="" class="" @click="projectImage()"></image>
export default {
data(){
return {
imgList:[],
}
}
}
// 上传头像
projectImage(){
var that = this;
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album'],
success: (chooseImageRes) => {
const tempFilePaths = chooseImageRes.tempFilePaths;
for(let i = 0;i < tempFilePaths.length; i++) {
uni.uploadFile({
url: 'http://115.85.228.000:9099/major-pro-pl/api/app/upload',
filePath: tempFilePaths[i],
name: 'file',
header: {
'Authorization': this.token
},
success: (uploadFileRes) => {
var _uploadFileRes = JSON.parse(uploadFileRes.data);
that.imgList.push(_uploadFileRes.url)
}
});
}
}
});
},
------------------扫码-----------------------
// 扫码出入
scanCode(){
var that = this;
uni.scanCode({ //扫描API
onlyFromCamera: true,
success(res) { //扫描成功
console.log(res) //输出回调信息
var result = res.result
console.log('result',result);
uni.setStorageSync('result',result) // 存储数据
wx.navigateTo({
url:'../scanCode/scanCode?q=q&scanCode='+result
})
},
fail: (res) => {//接口调用失败的回调函数
uni.showToast({
title: '扫码失败',
icon: 'none',
duration: 1000
})
}
})
}
最后
以上就是暴躁小蜜蜂为你收集整理的uniapp:上传头像/扫码的全部内容,希望文章能够帮你解决uniapp:上传头像/扫码所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复