Vditor编辑器配置图片上传

写文章一直不能在文章里展示图片

前几天弄好了一个上传图片的接口,这次来把编辑器图片上传的功能给配置下

upload: {
      url: "/api/file/upload",
      fieldName: "file",
      format(files, responseText) {
        const res = JSON.parse(responseText);
        const name = files[0].name;
        const url = import.meta.env.VITE_IMAGE_BASE + res.url;
        return JSON.stringify({
          code: 0,
          data: {
            errFiles: [],
            succMap: {
              [name]: url,
            },
          },
        });
      },
    },

主要是配置下上传文件参数的字段名和返回的数据结构以符合编辑器能解析的数据结构

下面上传张图片测试下

p2923422123.webp