mavon-editor 上传图片
时间: 2023-10-27 12:06:35 浏览: 193
上传图片
mavon-editor是一个Vue.js的Markdown编辑器组件,可以用于在网页上编辑和渲染Markdown文本。它提供了上传图片的功能。通过设置ref属性和监听imgAdd事件,可以实现图片的上传并在编辑器中显示。
具体的代码示例中,通过设置ref属性为"mdedit",可以获取到mavon-editor的实例。监听imgAdd事件,在该事件的回调函数中,使用FormData对象将图片文件传递给后端接口。
后端接口接收到图片文件后,将其保存至指定路径,并返回图片的访问链接。然后通过实例的$img2Url方法,将md文本中指定位置的文件名替换为后端返回的图片链接。
以上是mavon-editor上传图片的基本实现过程。您可以根据需要进行适当的修改和调整。
阅读全文