From 4f6cdee3d3a9967b6955aacc354bf557430c0643 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期一, 05 八月 2024 17:05:16 +0800 Subject: [PATCH] 批改 --- src/views/components/upload.vue | 15 +++++++++------ 1 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/views/components/upload.vue b/src/views/components/upload.vue index efb2c60..036dc1a 100644 --- a/src/views/components/upload.vue +++ b/src/views/components/upload.vue @@ -1,6 +1,6 @@ <template> - <div class="greetings"> + <div class="greetings" v-loading="loading"> <el-upload accept=".mp4, .mp3, .xls, .xlsx, .doc, .docx, .ppt, .pptx, .pdf" :on-change="handleFileChange" :on-preview="view" :auto-upload="false" ref="uploadfileComponent" :limit="1" :on-exceed="handleExceed" v-model:file-list="fileList"> <template #trigger> <el-button type="primary">选择文件</el-button> @@ -39,6 +39,7 @@ const fileList=ref([]) const uploadfileComponent=ref(null) const emit = defineEmits(["getFile"]); +const loading = ref(false) const props = defineProps({ responseType: { type: Number, @@ -82,7 +83,7 @@ autoplay:true,//自动播放 sources: [ { - src: resourcePath.value ? "http://192.168.2.16:9000/trainexam/" + resourcePath.value : '', + src: resourcePath.value ? import.meta.env.VITE_APP_RESOURCE_API + resourcePath.value : '', // src:'', type: 'application/x-mpegURL', } @@ -152,7 +153,7 @@ const view = (file) => { console.log('vlco',file) // console.log("点击文件=>", file); - const url = 'http://192.168.2.16:9000/trainexam/' + file.path; + const url = import.meta.env.VITE_APP_RESOURCE_API + file.path; const link = document.createElement("a"); link.href = url; link.download = file.name; @@ -290,6 +291,7 @@ }); return false } + const filetype = container.file.raw.name.split(".").pop(); const extension = (filetype === "mp4" || filetype ==="mp3" || filetype ==="xls" || filetype === "xlsx" || filetype ==="doc" || filetype ==="docx" || filetype === "ppt" || filetype ==="pptx" || filetype ==="pdf"); if (!extension ) { @@ -317,7 +319,7 @@ return false; } } - + loading.value = true //文件分片 const chunkList=createFileChunk(container.file.raw) console.log('文件分了多少片:',chunkList.length) @@ -339,6 +341,7 @@ })) uploadChunks(fileChunkList) + } //文件分片 @@ -454,7 +457,7 @@ console.log("myPlayer.value",myPlayer.value) myPlayer.value.src( { - src:"http://192.168.2.16:9000/trainexam/"+data.data.path, + src: import.meta.env.VITE_APP_RESOURCE_API +data.data.path, type: 'application/x-mpegURL', }) // myPlayer.value.load() @@ -477,7 +480,7 @@ emit("getFile",file) - + loading.value = false ElMessage.success("上传成功") }else{ ElMessage.success("合并数据失败") -- Gitblit v1.9.2