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.
122 lines
2.4 KiB
122 lines
2.4 KiB
<template>
|
|
<view>
|
|
<lsj-upload ref="lsjUpload" :height="'100%'" :option="option" @uploadEnd="onUploadEnd" @change="onChange"
|
|
:size="maxSize" :instantly="true">
|
|
<slot></slot>
|
|
</lsj-upload>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import UNI_APP from '@/.env.js';
|
|
|
|
export default {
|
|
name: "file-upload",
|
|
data() {
|
|
return {
|
|
fileMap: new Map(),
|
|
option: {
|
|
url: UNI_APP.BASE_URL + '/file/upload',
|
|
name: 'file',
|
|
header: {
|
|
accessToken: uni.getStorageSync('loginInfo').accessToken
|
|
}
|
|
}
|
|
}
|
|
},
|
|
props: {
|
|
maxSize: {
|
|
type: Number,
|
|
default: 10
|
|
},
|
|
onBefore: {
|
|
type: Function,
|
|
default: null
|
|
},
|
|
onSuccess: {
|
|
type: Function,
|
|
default: null
|
|
},
|
|
onError: {
|
|
type: Function,
|
|
default: null
|
|
}
|
|
},
|
|
methods: {
|
|
show() {
|
|
this.$refs.lsjUpload.show();
|
|
},
|
|
hide() {
|
|
this.$refs.lsjUpload.hide();
|
|
},
|
|
onUploadEnd(item) {
|
|
let file = this.fileMap.get(item.path);
|
|
if (item.type == 'fail') {
|
|
this.onError(file)
|
|
return;
|
|
}
|
|
let res = JSON.parse(item.responseText);
|
|
if (res.code == 200) {
|
|
// 上传成功
|
|
this.onOk(file, res);
|
|
} else if (res.code == 401) {
|
|
// token已过期，重新获取token
|
|
this.refreshToken().then((res) => {
|
|
let newToken = res.data.accessToken;
|
|
this.option.header.accessToken = newToken;
|
|
this.$refs.lsjUpload.setData(this.option);
|
|
// 重新上传
|
|
this.$refs.lsjUpload.upload(file.name);
|
|
}).catch(() => {
|
|
this.onError(file, res);
|
|
})
|
|
} else {
|
|
// 上传失败
|
|
this.onError(file, res);
|
|
}
|
|
},
|
|
onChange(files) {
|
|
if (!files.size) {
|
|
return;
|
|
}
|
|
files.forEach((file, name) => {
|
|
if (!this.fileMap.has(file.path)) {
|
|
this.onBefore && this.onBefore(file)
|
|
this.fileMap.set(file.path, file);
|
|
}
|
|
})
|
|
},
|
|
onOk(file, res) {
|
|
this.fileMap.delete(file.path);
|
|
this.$refs.lsjUpload.clear(file.name);
|
|
this.onSuccess && this.onSuccess(file, res);
|
|
},
|
|
onFailed(file, res) {
|
|
this.fileMap.delete(file.path);
|
|
this.$refs.lsjUpload.clear(file.name);
|
|
this.onError && this.onError(file, res);
|
|
},
|
|
refreshToken() {
|
|
return new Promise((resolve, reject) => {
|
|
let loginInfo = uni.getStorageSync('loginInfo')
|
|
uni.request({
|
|
method: 'PUT',
|
|
url: UNI_APP.BASE_URL + '/refreshToken',
|
|
header: {
|
|
refreshToken: loginInfo.refreshToken
|
|
},
|
|
success: (res) => {
|
|
resolve(res.data);
|
|
},
|
|
fail: (res) => {
|
|
reject(res);
|
|
}
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|