web-africa-h5/components/upload/uploadOne.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>