simditor编辑器,图片上传链接替换

如果将图片上传写完,那么不但可以上传本地图片,还支持粘贴截图上传的功能,但是,在浏览器里可以发现,图片还是被转化成base64的,这个时候,我们希望图片是以http的形式展现的。

 

<textarea id="editor" placeholder="这里输入内容" autofocus></textarea>

 

toolbar = [ 'title', 'bold', 'italic', 'underline', 'strikethrough',  
    	'color', '|', 'ol', 'ul', 'blockquote', 'code', 'table', '|',  
    	'link', 'image', 'hr', '|', 'indent', 'outdent' ];  
	var editor = new Simditor({  
    	textarea : $('#editor'),  
		placeholder : '这里输入内容...', 
		pasteImage: true,
		toolbarFloat:true,
		toolbar : toolbar,  //工具栏  
		defaultImage : 'simditor-1.0.5/images/image.png', //编辑器插入图片时使用的默认图片  
		upload : {  
    		url : xx, //文件上传的接口地址  
    		params: {xx:xx}, //键值对,指定文件上传接口的额外参数,上传的时候随文件一起提交  
    		fileKey: 'file', //服务器端获取文件数据的参数名  
    		connectionCount: 3,  
    		leaveConfirm: '正在上传文件'  
    	}  
    });  


上传函数写好了,关键是图片上传完之后的回调函数怎么写,图片上传之后还要做其他的处理呢?

 

在simditor.js中全局搜索uploadsuccess(图片上传成功的回调函数),在这个方法里写你想要的逻辑即可

 

好了,看看结果图

 

好了,如果有不懂的可以联系我(qq:1913284695)推荐一个可以学习的编程网站 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值