-
diff --git a/web_src/js/components/MinioUploader.vue b/web_src/js/components/MinioUploader.vue
index 594af1828..9cf79a951 100755
--- a/web_src/js/components/MinioUploader.vue
+++ b/web_src/js/components/MinioUploader.vue
@@ -2,8 +2,7 @@
-
文件处理状态:{{ status }}
-
文件上传进度:{{ progress }}%
+
{{file_status_text}} {{ status }}
@@ -29,12 +28,16 @@ export default {
maxFilesize: 1 * 1024 * 1024 * 1024 * 1024,
acceptedFiles: '*/*',
progress: 0,
- status: '等待上传',
+ status: '',
+ dropzoneParams: {},
+ file_status_text: '',
}
},
async mounted() {
- const $dropzoneParams = $('div#minioUploader-params')
+ this.dropzoneParams = $('div#minioUploader-params')
+ this.file_status_text = this.dropzoneParams.data('file-status')
+ this.status = this.dropzoneParams.data('file-init-status')
const $dropzone = $('div#dropzone')
const dropzoneUploader = await createDropzone($dropzone[0], {
url: '/todouploader',
@@ -42,10 +45,10 @@ export default {
maxFilesize: this.maxFileSize,
timeout: 0,
autoQueue: false,
- dictDefaultMessage: $dropzoneParams.data('default-message'),
- dictInvalidFileType: $dropzoneParams.data('invalid-input-type'),
- dictFileTooBig: $dropzoneParams.data('file-too-big'),
- dictRemoveFile: $dropzoneParams.data('remove-file'),
+ dictDefaultMessage: this.dropzoneParams.data('default-message'),
+ dictInvalidFileType: this.dropzoneParams.data('invalid-input-type'),
+ dictFileTooBig: this.dropzoneParams.data('file-too-big'),
+ dictRemoveFile: this.dropzoneParams.data('remove-file'),
})
dropzoneUploader.on("addedfile", (file) => {
setTimeout(() => {
@@ -54,7 +57,7 @@ export default {
});
dropzoneUploader.on("maxfilesexceeded", function(file) {
if (this.files[0].status !== 'success') {
- alert('请等待第一个文件传输完成')
+ alert(this.dropzoneParams.data('waitting-uploading'))
this.removeFile(file)
return
}
@@ -101,7 +104,7 @@ export default {
fileReader = new FileReader();
let time = new Date().getTime();
// console.log('计算MD5...')
- this.status = '计算MD5';
+ this.status = this.dropzoneParams.data('md5-computing')
file.totalChunkCounts = chunks;
loadNext();
@@ -118,7 +121,7 @@ export default {
currentChunk++;
if (currentChunk < chunks) {
// console.log(`第${currentChunk}分片解析完成, 开始第${currentChunk +1}/${chunks}分片解析`);
- this.status = `加载文件 ${(currentChunk/chunks*100).toFixed(2)}% (${currentChunk}/${chunks})`;
+ this.status = `${this.dropzoneParams.data('loading-file')} ${(currentChunk/chunks*100).toFixed(2)}% (${currentChunk}/${chunks})`;
this.updateProgress(file, (currentChunk/chunks*100).toFixed(2))
loadNext();
return
@@ -162,7 +165,7 @@ export default {
}
console.log("文件已上传完成");
this.progress = 100;
- this.status = '上传完成';
+ this.status = this.dropzoneParams.data('upload-complete')
this.finishUpload(file)
} else {
//断点续传
@@ -306,7 +309,7 @@ export default {
var urls = new Array();
var etags = new Array();
console.log('上传分片...');
- this.status = '上传中'
+ this.status = this.dropzoneParams.data('uploading')
loadNext();
fileReader.onload = async (e) => {
await uploadChunk(e);
@@ -315,12 +318,13 @@ export default {
console.log(`第${currentChunk}个分片上传完成, 开始第${currentChunk +1}/${chunks}个分片上传`);
this.progress = Math.ceil((currentChunk / chunks) * 100);
this.updateProgress(file, (currentChunk/chunks*100).toFixed(2))
+ this.status = `${this.dropzoneParams.data('uploading')} ${(currentChunk/chunks*100).toFixed(2)}%`
await loadNext();
} else {
await completeUpload();
console.log(`文件上传完成:${file.name} \n分片:${chunks} 大小:${file.size} 用时:${(new Date().getTime() - time)/1000} s`);
this.progress = 100;
- this.status = '上传完成';
+ this.status = this.dropzoneParams.data('upload-complete')
this.finishUpload(file)
}
};