Vditor 上传图片成功,但始终不能在编辑器上显示出来

Vditor 上传图片成功,但始终不能在编辑器上显示出来。在网上搜索确实有人碰到过这种情况,但没有解决方案。有做过的麻烦给个答复,谢谢了。

success 方法也已经回调了。最后没办法只能是 insertValue 了,但不太想这样做,还是想知道到底哪里错了。

下面是服务器端的返回值。

{
"msg": "",
"code": 0,
"data": {
"errFiles": [],
"succMap": {
"d63dc6017b2994cf5e95c5a39cb88772.png": "http://localhost/685e50ef7c1fc77a.jpg"
}
}
}

下面是配置:

upload: {
url: '/api/file/batch',   // 上传url
linkToImgUrl: '/api/file/link',   //剪切板中包含图片地址时,使用此 url 重新上传
max: 5242880,       //上传文件最大Byte, 5M
accept: 'image/jpeg,image/png,image/gif',
multiple: true,     //批量上传
fieldName: 'files', //上传字段名称
filename (name) {
return name.replace(/[^(a-zA-Z0-9\u4e00-\u9fa5\.)]/g, '').
replace(/[\?\\/:|<>\*\[\]\(\)\$%\{\}@~]/g, '').
replace('/\\s/g', '')
},
success: (editor, result) => { //上传成功回调
console.log(">>>>>>>>>>>>>>>>>>>>>>>>>2", result)
},
error: (msg) => {   //上传失败回调
this.$message.warning({
message: '上传失败'
})
}
}
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    130 引用 • 944 回帖 • 3 关注

广告 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • alexmh

    我记得是需要返回字符串 我用得时候没有配置 success 是通过配置 format 属性 转换成需要的格式的 给你个图片作为参考

    image.png

    2 回复
  • mywing
    支持者 订阅者 作者

    感谢回复。我把返回值改成跟你的一样,依然不行。而且 format 函数没有触发,而是直接触发了 success 函数。我估计是版本问题。。。

    1 回复
  • bimiao565 1 赞同

    要删除 success

  • pi-dal

    @mywing,请问您解决了吗,我的数据结构和你一样,也显示不了图片。🙏

  • alexmh

    不需要配置 success 项