You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
2.3 KiB
106 lines
2.3 KiB
<template>
|
|
<view @click="selectAndUpload()">
|
|
<slot></slot>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import UNI_APP from '@/.env.js'
|
|
|
|
export default {
|
|
name: "image-upload",
|
|
data() {
|
|
return {
|
|
uploadHeaders: {
|
|
"accessToken": uni.getStorageSync('loginInfo').accessToken
|
|
}
|
|
}
|
|
},
|
|
props: {
|
|
maxCount:{
|
|
type: Number,
|
|
default: 1
|
|
},
|
|
maxSize: {
|
|
type: Number,
|
|
default: 5*1024*1024
|
|
},
|
|
sourceType:{
|
|
type: String,
|
|
default: 'album'
|
|
},
|
|
onBefore: {
|
|
type: Function,
|
|
default: null
|
|
},
|
|
onSuccess: {
|
|
type: Function,
|
|
default: null
|
|
},
|
|
onError: {
|
|
type: Function,
|
|
default: null
|
|
}
|
|
},
|
|
methods: {
|
|
selectAndUpload() {
|
|
uni.chooseImage({
|
|
count: this.maxCount, //最多可以选择的图片张数，默认9
|
|
sourceType: [this.sourceType], //album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项
|
|
sizeType: ['original'], //original 原图，compressed 压缩图，默认二者都有
|
|
success: (res) => {
|
|
res.tempFiles.forEach((file) => {
|
|
// 校验大小
|
|
if (this.maxSize && file.size > this.maxSize) {
|
|
this.$message.error(`文件大小不能超过 ${this.fileSizeStr}!`);
|
|
this.$emit("fail", file);
|
|
return;
|
|
}
|
|
|
|
if (!this.onBefore || this.onBefore(file)) {
|
|
// 调用上传图片的接口
|
|
this.uploadImage(file);
|
|
}
|
|
})
|
|
}
|
|
})
|
|
},
|
|
uploadImage(file) {
|
|
uni.uploadFile({
|
|
url: UNI_APP.BASE_URL + '/image/upload',
|
|
header: {
|
|
accessToken: uni.getStorageSync("loginInfo").accessToken
|
|
},
|
|
filePath: file.path, // 要上传文件资源的路径
|
|
name: 'file',
|
|
success: (res) => {
|
|
let data = JSON.parse(res.data);
|
|
if(data.code != 200){
|
|
this.onError && this.onError(file, data);
|
|
}else{
|
|
this.onSuccess && this.onSuccess(file, data);
|
|
}
|
|
},
|
|
fail: (err) => {
|
|
console.log(err);
|
|
this.onError && this.onError(file, err);
|
|
}
|
|
})
|
|
}
|
|
},
|
|
computed: {
|
|
fileSizeStr() {
|
|
if (this.maxSize > 1024 * 1024) {
|
|
return Math.round(this.maxSize / 1024 / 1024) + "M";
|
|
}
|
|
if (this.maxSize > 1024) {
|
|
return Math.round(this.maxSize / 1024) + "KB";
|
|
}
|
|
return this.maxSize + "B";
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|