simditor 图片上传成功后修改图片地址

最新推荐文章于 2023-05-22 14:42:09 发布

jiangtianhao13269230

最新推荐文章于 2023-05-22 14:42:09 发布

阅读量9k

点赞数 1

分类专栏： js 文章标签： simditor 修改图片地址

本文链接：https://blog.csdn.net/jiangtianhao13269230/article/details/50699737

版权

在使用Simditor 2.3.6的环境中，文章讲述了如何在图片上传成功后修改图片的地址。开发过程中，作者首先放弃了通过回调直接修改图片src的错误思路，发现`simditor.js`和`upload.js`之间存在关联。关键在于当图片上传成功后，需要将JSON对象的`file_path`参数值替换为服务器的图片地址。经过调整，实现了在图片上传完成后正确显示服务器上图片的效果。

摘要由CSDN通过智能技术生成

环境：simditor 版本2.3.6

开发中解决的问题：

1. 修改官方提供的demo中直接将默认图片插入到文本中的功能，下面的初始化就可以了

$(document).ready(function() {
  		var toolbar = ['title', 'bold', 'italic', 'underline', 'strikethrough', 'fontScale', 'color', '|', 'ol', 'ul', 'blockquote', 'code',  '|', 'link', 'image', 'hr', '|', 'indent', 'outdent', 'alignment'];
		var editor = new Simditor({
		   textarea: $('#content'),
		   placeholder: '这里输入内容...',
	       toolbar: toolbar,
	       defaultImage : 'simditor-2.0.1/images/image.png', //编辑器插入图片时使用的默认图片
			upload : {
				url : 'http://up.qiniu.com/', //文件上传的接口地址
			    params: { token: token}, //键值对,指定文件上传接口的额外参数,上传的时候随文件一起提交
			    fileKey: 'file', //服务器端获取文件数据的参数名