summernote实现图片上传功能

summernote默认上传是将图片装换成data:image数据,这在许多情况下是不方便管理图片的,我们可以使用官方api将上传图片功能修改成:先上传图片然后返回图片路径,在编辑器中插入img标签


$('.summernote-init').summernote({
callbacks: {
onImageUpload: function (files) {
var summernote = $(this),
file = files[0],
data = new FormData();
data.append("img", file);//post数据名称为:img
$.ajax({ //Jquery ajax 提交数据
data: data,
type: "POST",
url: "处理上传的url",
cache: false,
contentType: false,
processData: false,
success: function (url) {
console.log(url);
//url为后台处理上传后返回的图片路径
summernote.summernote('insertImage', url, 'img');//在编辑器中插入img标签
}
});
}
}
});
转载请注明:6K & 3o » summernote实现图片上传功能

评论:

留下你的评论: