From f6722e13ba28cd292c162df9292bb3418ba12bec Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 25 六月 2025 15:17:50 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/2.0.1' into 2.0.1
---
company/src/components/common/upload.vue | 24 ++++++++++++++++++++----
1 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/company/src/components/common/upload.vue b/company/src/components/common/upload.vue
index a0fcf08..a8c6b0d 100644
--- a/company/src/components/common/upload.vue
+++ b/company/src/components/common/upload.vue
@@ -12,7 +12,11 @@
<i class="el-icon-plus"></i>
</div>
</div>
- <input type="file" ref="file" :accept="accept" @change="getFile" />
+ <div style="display: block;">
+ <input type="file" ref="file" :accept="accept" @change="getFile" />
+ <progress id="progressBar" value="0" max="100"></progress>
+ <span id="status">0%</span>
+ </div>
</div>
</template>
@@ -57,7 +61,19 @@
},
getFile (e) {
if (e.target && e.target.files.length > 0) {
- const loading = this.$loading({
+ const config = {
+ onUploadProgress: function(progressEvent) {
+ console.log(progressEvent)
+ const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
+ document.getElementById('progressBar').value = percentCompleted;
+ document.getElementById('status').textContent = percentCompleted + '%';
+ },
+ headers: {
+ 'Content-Type': 'multipart/form-data'
+ }
+ }
+
+ const loading = this.$loading({
lock: true,
text: '涓婁紶涓紝璇风瓑寰�',
spinner: 'el-icon-loading',
@@ -67,7 +83,7 @@
const formdate = new FormData()
formdate.append('file', e.target.files[0])
formdate.append('folder', this.folder)
- axios.post(this.uploadImgUrl, formdate)
+ axios.post(this.uploadImgUrl, formdate,config)
.then(res => {
this.$emit('success', res.data.data)
})
@@ -75,7 +91,7 @@
this.$message.error(e)
})
.finally(() => {
- loading.close();
+ loading.close();
this.$refs.file.value = null
})
}
--
Gitblit v1.9.3