82 lines
1.7 KiB
Vue
82 lines
1.7 KiB
Vue
|
<template>
|
||
|
|
<view></view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
/*需要返回的图片*/
|
||
|
|
imageList:[]
|
||
|
|
};
|
||
|
|
},
|
||
|
|
onLoad() {},
|
||
|
|
props:['num'],
|
||
|
|
mounted() {
|
||
|
|
this.chooseImageFunc();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
/*打开相机或者相册，选择图片*/
|
||
|
|
chooseImageFunc() {
|
||
|
|
let self=this;
|
||
|
|
uni.chooseImage({
|
||
|
|
count: self.$props.num || 9, //默认9
|
||
|
|
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
||
|
|
sourceType: ['album', 'camera'], //从相册选择
|
||
|
|
success: function(res) {
|
||
|
|
self.uploadFile(res.tempFilePaths);
|
||
|
|
},
|
||
|
|
fail:function(res){
|
||
|
|
self.$emit('getImgs',null);
|
||
|
|
},
|
||
|
|
complete:function(res){
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
/*上传图片*/
|
||
|
|
uploadFile: function(tempList) {
|
||
|
|
let self = this;
|
||
|
|
let i = 0;
|
||
|
|
let img_length=tempList.length;
|
||
|
|
uni.showLoading({
|
||
|
|
title: self.$t('PER_DA_47')
|
||
|
|
});
|
||
|
|
tempList.forEach(function(filePath, fileKey) {
|
||
|
|
uni.uploadFile({
|
||
|
|
filePath: filePath,
|
||
|
|
name: 'file',
|
||
|
|
url: self.websiteUrl() + '/inter-api/member/api/member/update-head',
|
||
|
|
header: {
|
||
|
|
'Authorization': uni.getStorageSync('Admin-Token') || '',
|
||
|
|
'Accept-Language':self.getLanguage()
|
||
|
|
},
|
||
|
|
// formData: params,
|
||
|
|
success: function(res) {
|
||
|
|
let result = typeof res.data === 'object' ? res.data : JSON.parse(res.data);
|
||
|
|
console.log(result)
|
||
|
|
if (result.code == 200) {
|
||
|
|
self.imageList.push(result.data);
|
||
|
|
}else{
|
||
|
|
self.showError(result.msg);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
complete: function() {
|
||
|
|
i++;
|
||
|
|
if (img_length === i) {
|
||
|
|
uni.hideLoading();
|
||
|
|
// 所有文件上传完成
|
||
|
|
self.$emit('getImgs',self.imageList);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style></style>
|