背景
最近在写学校的数据结构平台重构,有一块地方要用到summernote编辑器,而且编辑框里面是要插入图片的,summernote默认插入图片后会转为base64数据,存到数据库的话对数据库负担很大,试过直接存图片,普通的text字段顶多存两张图片,因为text字段长度是64kb,而且学长给我的需求是把编辑框里的图片存到服务器。
过程
第一次接触summernote嘛当然是去百度搜索怎么玩了,网上的各种博客都说summernote在编辑框里上传图片的话都需要用到回调函数callbacks中的onImageUpload。类似于:
$("#context").summernote({
height: 200,
minHeight: 200,
maxHeight: 200,
lang: 'zh-CN',
callbacks: {
onImageUpload: function (files) {
uploadFile($summernote, files[0]);
}
}
});
我仿照写了一下,确发现无论是粘贴图片进去还是用自带的图片按钮上传进去,都进入不到这个回调函数里面,而后又去官方文档里查,官方文档(https://summernote.org/deep-dive/) 里也是这么个写法,搞不懂为什么,各种尝试也做过了ÿ