提交

src/view/allMedia/imageProcessing/detail.vue

@@ -98,7 +98,7 @@ onMounted(() => {
   let r_width = left.value.$el.offsetWidth - 52;
   let h = (target.heightInPixel / target.widthInPixel) * r_width;
   if (h > left.value.$el.offsetHeight) {
-    h = left.value.$el.offsetHeight - 52;
+    h = left.value.$el.offsetHeight - 152;
   }
   image_data.value = {
     height: h,

src/view/allMedia/imageProcessing/index.vue

@@ -80,7 +80,10 @@
         <el-upload
           v-model:file-list="fileList"
           class="upload-demo"
+          ref="upload_ele"
           :on-error="upError"
+          :limit="1"
+          :on-exceed="handleExceed"
           :headers="{ Authorization }"
           :on-progress="upProgress"
           :before-upload="upload"
@@ -101,7 +104,7 @@
 <script setup>
 import header_local from '../components/header.vue';
 import { UploadFilled } from '@element-plus/icons-vue';
-import { ElMessage } from 'element-plus';
+import { ElMessage, genFileId } from 'element-plus';
 import { storeImg, historyImg } from '@/api/processing';
 import { ref } from 'vue';
 import config from '../../../config/index';
@@ -111,6 +114,7 @@ const route = useRouter();
 const Authorization = localStorage.getItem('token') || '';
 
 const dialogVisible = ref(false);
+const upload_ele = ref(null);
 const fileList = ref([]);
 const input = ref('');
 const page_data = ref({
@@ -127,6 +131,14 @@ function upProgress(par) {
   console.log(par);
 }
 
+function handleExceed(files) {
+  upload_ele.value.clearFiles();
+  const file = files[0];
+  file.uid = genFileId();
+  upload_ele.value.handleStart(file);
+  upload_ele.value.submit();
+}
+
 function upError() {
   ElMessage.error('请稍后重新选择文件！');
 }
@@ -149,8 +161,10 @@ function submit() {
       dialogVisible.value = false;
       input.value = '';
       getList();
+      upload_ele.value.clearFiles();
     })
     .catch(e => {
+      upload_ele.value.clearFiles();
       dialogVisible.value = false;
       input.value = '';
     });

src/view/allMedia/videoProcessing/index.vue

@@ -74,7 +74,10 @@
         <el-upload
           v-model:file-list="fileList"
           class="upload-demo"
+          ref="upload_ele"
           :on-error="upError"
+          :limit="1"
+          :on-exceed="handleExceed"
           :headers="{ Authorization }"
           :on-progress="upProgress"
           :before-upload="upload"
@@ -95,7 +98,7 @@
 <script setup>
 import header_local from '../components/header.vue';
 import { UploadFilled } from '@element-plus/icons-vue';
-import { ElMessage } from 'element-plus';
+import { ElMessage, genFileId } from 'element-plus';
 import { storeVideo, historyVideo } from '@/api/processing';
 import { ref } from 'vue';
 import config from '../../../config/index';
@@ -105,6 +108,7 @@ const route = useRouter();
 const Authorization = localStorage.getItem('token') || '';
 
 const dialogVisible = ref(false);
+const upload_ele = ref(null);
 const fileList = ref([]);
 const input = ref('');
 const page_data = ref({
@@ -121,6 +125,14 @@ function upProgress(par) {
   console.log(par);
 }
 
+function handleExceed(files) {
+  upload_ele.value.clearFiles();
+  const file = files[0];
+  file.uid = genFileId();
+  upload_ele.value.handleStart(file);
+  upload_ele.value.submit();
+}
+
 function upError() {
   ElMessage.error('请稍后重新选择文件！');
 }