fix: 富文本图片上传

feature/task1.0.0__0514__ch
向文可 2 years ago
parent b618c103d3
commit 02160b4de4

@ -14,6 +14,14 @@
Quill.register('modules/imageUploader', ImageUploader); Quill.register('modules/imageUploader', ImageUploader);
const props = defineProps({ const props = defineProps({
configId: {
type: String,
default: 'product',
},
serviceName: {
type: String,
default: 'mall-product',
},
readonly: { readonly: {
type: Boolean, type: Boolean,
default: false, default: false,
@ -48,13 +56,8 @@
], ],
imageUploader: { imageUploader: {
upload: async (file) => { upload: async (file) => {
let res = null; let res = await upload(props.serviceName, props.configId, file);
const formdata = new FormData(); if (!res) {
formdata.append('file', file);
const url = await upload(formdata);
if (url) {
res = url;
} else {
throw new Error('上传失败'); throw new Error('上传失败');
} }
return res; return res;

@ -40,6 +40,7 @@
<script setup lang="jsx"> <script setup lang="jsx">
import ElButton from '@/components/extra/ElButton.vue'; import ElButton from '@/components/extra/ElButton.vue';
import ElImage from '@/components/extra/ElImage.vue';
import ElSwitch from '@/components/extra/ElSwitch.vue'; import ElSwitch from '@/components/extra/ElSwitch.vue';
import TableList from '@/components/TableList.vue'; import TableList from '@/components/TableList.vue';
const router = useRouter(); const router = useRouter();

@ -32,6 +32,8 @@
<script setup lang="jsx"> <script setup lang="jsx">
import ElButton from '@/components/extra/ElButton.vue'; import ElButton from '@/components/extra/ElButton.vue';
import ElIcon from '@/components/extra/ElIcon.vue';
import ElImage from '@/components/extra/ElImage.vue';
import ElSwitch from '@/components/extra/ElSwitch.vue'; import ElSwitch from '@/components/extra/ElSwitch.vue';
const router = useRouter(); const router = useRouter();
const store = useStore(); const store = useStore();

Loading…
Cancel
Save