浏览代码

发布上传问题处理

canghailong 2 月之前
父节点
当前提交
63e640956a

+ 5 - 5
src/components/MiniYun/upLoadBreakPoint.vue

@@ -4,13 +4,12 @@
 			<a-upload-dragger
 				ref="fileUpload"
 				:file-list="fileList"
-				:before-upload="beforeUpload"
-				@change="handleChange"
+				:before-upload="beforeUploadFile"
+				@change="handleChangeFile"
 				:show-upload-list="false"
 				:customRequest="customRequest"
 				:multiple="false"
 				:drag="true"
-				:progress="progress"
 			>
 				<div >
 									<div><p class="ant-upload-text" style="display: inline-block;">点击上传或将文件拖拽至此区域上传</p></div>
@@ -110,6 +109,7 @@ const fileUpload = ref(null)
 	import SparkMD5 from 'spark-md5'
 	import tool from '@/utils/tool'
 	 const uploadFileList = ref([])
+	 const fileList = ref([])
 	 const spinning = ref(false)
 const chunkSize = ref(5 * 1024 * 1024)
 	const props = defineProps({
@@ -643,7 +643,7 @@ const chunkSize = ref(5 * 1024 * 1024)
 		// 检查后缀是否在数组中(包含点号匹配)
 		return suffixArray.includes(fileSuffix);
 	}
-	const beforeUpload = async (file) => {
+	const beforeUploadFile = async (file) => {
 		console.log('选择了文件', file)
 		spinning.value = true
 
@@ -685,7 +685,7 @@ const chunkSize = ref(5 * 1024 * 1024)
 		// spinning.value = false
 		return false // 阻止默认上传
 	}
-	const handleChange = (info) => {
+	const handleChangeFile = (info) => {
 		const { file } = info
 		if (file.status === 'removed') {
 			fileList.value = []

+ 4 - 7
src/views/myResources/coverUpload/index.vue

@@ -11,14 +11,13 @@
 			<span style="margin-left: 10px">仅支持上传jpg/png格式文件,单个文件不能超过500kb</span>
 		</div>
 		<a-upload
-			ref="upload"
+			ref="uploadRef"
 			:before-upload="beforeUploadCover"
 			accept=".jpg,.png,.bmp,.jpeg"
-			:remove="handleRemoveCover"
+			@remove="handleRemoveCover"
 			:headers="headers"
 			:action="action"
 			:on-change="handleChangeCover"
-			@preview="handlePreview"
 			:file-list="coverFileList"
 		>
 		</a-upload>
@@ -43,20 +42,18 @@
 		token: tool.data.get('TOKEN')
 	})
 	import sysConfig from '@/config/index'
+	const uploadRef = ref()
 	const props = defineProps({
 		coverImageId: {
 			type: Number,
-			required: true,
 			default: null
 		},
 		imageUrl: {
 			type: String,
-			required: true,
 			default: null
 		},
 		isedit: {
 			type: Boolean,
-			required: true,
 			default: false
 		}
 	})
@@ -145,7 +142,7 @@
 
 	// 选择文件按钮点击事件
 	const chooseFile = () => {
-		document.querySelector('.ant-upload input').click()
+		uploadRef.value.$el.querySelector('input').click()
 	}
 </script>
 

+ 1 - 1
src/views/myResources/releaseModal.vue

@@ -28,7 +28,7 @@
 			</a-form-item> -->
 
 			<a-form-item label="资源描述" name="courseDesc">
-				<a-textarea v-model:value="uploadForm.courseDesc" placeholder="请输入资源描述" :rows="4"  maxlength="50" showCount/>
+				<a-textarea v-model:value="uploadForm.courseDesc" placeholder="请输入资源描述" :rows="4"  :maxlength="50" showCount/>
 			</a-form-item>
 
 			<a-form-item label="上传封面" name="coverImageId">