【更新】文件上传组件与预览组件更新

snowy-admin-web/src/components/XnFilePreview/index.vue

@@ -78,23 +78,29 @@
 	const fileType = ref()
 	watch(
 		() => props.src,
-		() => {
-			fileType.value = props.fileType.toLowerCase()
-		}
+		(newVal) => {
+			if (newVal) {
+				fileType.value = props.fileType.toLowerCase()
+			}
+		},
+		{ immediate: true, deep: true }
 	)
 	watch(
 		() => props.src,
-		() => {
-			if (
-				fileType.value === 'doc' ||
-				fileType.value === 'docx' ||
-				fileType.value === 'xls' ||
-				fileType.value === 'xlsx' ||
-				fileType.value === 'pdf'
-			) {
-				loading.value = true
+		(newVal) => {
+			if (newVal) {
+				if (
+					fileType.value === 'doc' ||
+					fileType.value === 'docx' ||
+					fileType.value === 'xls' ||
+					fileType.value === 'xlsx' ||
+					fileType.value === 'pdf'
+				) {
+					loading.value = true
+				}
 			}
-		}
+		},
+		{ immediate: true, deep: true }
 	)
 	// 渲染完成
 	const renderedHandler = () => {

snowy-admin-web/src/components/XnUpload/index.vue

@@ -333,4 +333,27 @@
 		emit('update:value', undefined)
 		emit('onChange', undefined)
 	}
+	// 通过DOM获取上传的文件
+	const uploadFileList = () => {
+		if (fileList.value) {
+			const result = []
+			// 只返回这些就够用了，其他基本用不到
+			fileList.value.forEach((item) => {
+				const obj = {
+					name: item.name,
+					type: item.type,
+					size: item.size,
+					url: item.response.data
+				}
+				result.push(obj)
+			})
+			return result
+		} else {
+			return []
+		}
+	}
+	// 抛出这个获取文件列表的方法
+	defineExpose({
+		uploadFileList
+	})
 </script>