Преглед изворни кода

fix: 😀修复富文本组件上传图片无效果的问题

喵你个旺呀 пре 1 година
родитељ
комит
65c78eda5a
1 измењених фајлова са 6 додато и 9 уклоњено
  1. 6 9
      Web/src/components/editor/index.vue

+ 6 - 9
Web/src/components/editor/index.vue

@@ -56,17 +56,14 @@ const state = reactive({
 		MENU_CONF: {
 			uploadImage: {
 				fieldName: 'file',
-				customUpload(file, insertFn) {
-					// console.log('customUpload', file);
-					const uploadFun = async () => {
-						const rps = await getAPI(SysFileApi).apiSysFileUploadFilePostForm(file);
-						if (rps.data.type == 'success' && rps.data.result != null) {
-							insertFn(rps.data.result.url, rps.data.result.name, rps.data.result.url);
+				customUpload(file: File, insertFn: any) {
+					getAPI(SysFileApi).apiSysFileUploadFilePostForm(file).then(({data}) => {
+						if (data.type == 'success' && data.result) {
+							editorRef.value.insertNode({ type: 'image', src: data.result.url, alt: data.result.fileName, href: data.result.url, children: [{ text: '' }] })
 						} else {
-							ElMessage.error('上传失败!');
+							ElMessage.error('上传失败!')
 						}
-					};
-					uploadFun();
+					})
 				},
 			},
 			insertImage: {