关于 vditor 图片的粘体上传 / 选择上传

目前情况

image.png

这个图片相关上传搞了一个多星期了,还是没弄成。

目前,是能够是使用 url: '/upload/editor',图片粘体/选择上传的时候都会进入到这个接口中,然后在这个接口中处理图片的上传保存到云存储中,最后将图片的 url 地址返回。

我直接模拟返回图片数据(如图):image.png

成功返回后,会调用这个回调 :success(editor: HTMLPreElement, msg: string): void 。

我的想法是在这个成功的回调中获取到图片链接,然后使用 insertValue('Vditor '); 这个方法将图片链接插入到编辑器中。

遇到的问题

1.在成功的回调中我能获取到返回的图片对象,但不知道如何获取文件名,然后取出 url 。

我尝试使用 fiel()方法,发现可以获取到文件名,但是却不调用 url:/upload/image/ 这个接口了

2.我使用的是 vue,查阅了相关基于 vditor 的开源项目,发现都没实现这个 粘体/图片上传的功能。

如果可以的话,谁能提供下完整的示例,不胜感激。

  • Vditor

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

    86 引用 • 704 回帖 • 7 关注

赞助商 我要投放

欢迎来到这里!

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

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