前端markdown编辑器临时缓存图片如何实现?

在使用markdown编辑器时, 想要插入图片, 但我又不想再插入时直接将图片上传给后端, 只是想单纯的在前端预览一下这个图片, 而当我确定保存这个文档时, 图片才会被上传给后端, 这该如何实现?

vuejs·markdown
148 views
Comments
登录后评论
Sign In
·

只是预览不传后端可以用这个API: URL.createObjectURL(),不过这个和当前的浏览器窗口有关,关闭就丢失,而且需要调用 URL.revokeObjectURL() 回收内存

·

一楼正解。补充:图片插入时能够获取 File/Blob 对象,调用 API 可以转化为一个图片链接,放到 img 标签的 src 属性就可以预览,无需上传后端