使用summernote编辑器,如何在粘贴图片时将图片保存到自己的服务器

在做文章的编辑发布时,发现如果直接将外网复制的图片保存起来,会将外网url也保存下来,从效率和安全的角度来讲都是不正确的。

调查了一下微信公众平台的图文发布功能,发现是在图片粘贴过来的时候,就会把图片保存到以mmbiz开头的图片服务器中,并抛出保存临时图片的错误,保证了安全稳定性。

找summernote官方文档,找到了监听粘贴事件的方法,也能取出粘贴的内容

callbacks: {
          onPaste: function(e) {
            debugger;
          }
}

clipboard.png

但是不知道怎么将所有图片上传到服务器,并改变粘贴内容

希望有大神能给点思路,谢谢~

阅读 6k
1 个回答

1.通过正则匹配,取到所有img的src
2.把src转为blob对象
3.通过ajax提交给后端,根据后端返回的url,替换原来的url

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题