| | |
| | | |
| | | <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> |
| | |
| | | const fileList=ref([]) |
| | | const uploadfileComponent=ref(null) |
| | | const emit = defineEmits(["getFile"]); |
| | | const loading = ref(false) |
| | | const props = defineProps({ |
| | | responseType: { |
| | | type: Number, |
| | |
| | | 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', |
| | | } |
| | |
| | | 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; |
| | |
| | | }); |
| | | 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 ) { |
| | |
| | | return false; |
| | | } |
| | | } |
| | | |
| | | loading.value = true |
| | | //文件分片 |
| | | const chunkList=createFileChunk(container.file.raw) |
| | | console.log('文件分了多少片:',chunkList.length) |
| | |
| | | })) |
| | | |
| | | uploadChunks(fileChunkList) |
| | | |
| | | } |
| | | |
| | | //文件分片 |
| | |
| | | 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() |
| | |
| | | emit("getFile",file) |
| | | |
| | | |
| | | |
| | | loading.value = false |
| | | ElMessage.success("上传成功") |
| | | }else{ |
| | | ElMessage.success("合并数据失败") |