Simditor图片上传

麦田

于 2014-10-29 22:11:12 发布

阅读量1.6w

点赞数 17

CC 4.0 BY-SA版权

分类专栏： Simditor 文章标签： Simditor 图片上传

本文链接：https://blog.csdn.net/itmyhome1990/article/details/40374843

本文介绍了如何自定义Simditor的工具栏按钮以实现图片上传功能。通过修改simditor.js文件，在`<input type="file">`标签中添加`name="fileData"`属性，以支持本地图片上传。此外，还提到了 ImgUploadAction 作为处理图片上传的行动，并提供了作者和源码下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上篇文章(Simditor使用方法)只是简单的默认配置,我们可自定义工具栏按钮使其更丰富和实现上传图片功能

初始化编辑器

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