summernote ajax file,summernote

summernote 粘贴图片上传到服务器以下为关键代码//初始化富文本

$('#description').summernote('destroy');

$('#description').summernote 粘贴图片上传到服务器以下为关键代码//初始化富文本

$('#description').summernote('destroy');

$('#description').summernote({

width:'100%',

height:250,

lang: 'zh-CN',

focus: true,

toolbar: [

['style', ['bold', 'italic', 'underline', 'clear']],

['fontsize', ['fontsize']],

['color', ['color']],

['para', ['ul', 'ol', 'paragraph']],

['height', ['height']],

['insert', ['picture']]

],

callbacks: {

onImageUpload:function(files){

sendFile(files,'#description');

},

onPaste: function(event) {

console.log(event);

if ( event.clipboardData || event.originalEvent ) {

var bufferText = ((event.originalEvent || event).clipboardData || window.clipboardData).getData('Text/plain');

if(bufferText.length>0)

{

;

}else

event.preventDefault();

}

}

}

});

文件上传细节:function sendFile(files, editor) {

var formData = new FormData();

formData.append('file',files[0]);

$.ajax({

url : '/file/upload',//后台文件上传接口

type : 'POST',

data : formData,

processData : false,

contentType : false,

success : function(res) {

if(res.result==1)

{

var path='/file/download'+"?fileId="+res.detail;//后台展示图片地址

$(editor).summernote('insertImage', path, function ($image) {

$image.css('width', 'auto');

});

}else

layer.msg(res.message, {shift: 5});

},error:function(){

alert("上传失败");

}

});

}​​​​​​​代码段 小部件

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值