首页 > 其他分享 >Summernote 图片上传

Summernote 图片上传

时间:2023-01-12 18:00:42浏览次数:70  
标签:function summernote url res image 图片 上传 Summernote

Summernote 默认是插入 Base64 格式的图片,图片并没有上传到服务器。

可以通过 API 自行实现,官方文档:https://summernote.org/deep-dive/#insertnode

插入图片:

// @param {String} url
// @param {String|Function} filename - optional
$('#summernote').summernote('insertImage', url, filename);

可以通过回调函数设置图片属性

$('#summernote').summernote('insertImage', url, function ($image) {
  $image.css('width', $image.width() / 3);
  $image.attr('data-filename', 'retriever');
});

 

简单实现:

jQuery('.summernote').summernote({     height: 400,     lang:   'zh-CN',     callbacks: {         onImageUpload: function(files) {             let formData = new FormData();                 formData.append('file', files[0]);
            jQuery.ajax({                 url: '/upload/image',  // 上传接口                 type: 'POST',                 data: formData,                 cache: false,                 processData: false,                 contentType: false,                 dataType: 'json',                 success: function(res) {                     jQuery('.summernote').summernote('insertImage', res.src);                 },                 error: function(res) {                     layer.msg(res.responseJSON.msg);                 }             });         }     }, });

 

 

参考:

https://www.php1.cn/detail/RuHeShiYong_Chro_5770c1ca.html

 

标签:function,summernote,url,res,image,图片,上传,Summernote
From: https://www.cnblogs.com/kjcy8/p/17047361.html

相关文章