admin 管理员组

文章数量: 1184232

今天搞一个layui的富文本编辑器需要上传图片,使用的是layui的扩展Kz.layedit,文件上传默认字段名是file,我的项目后台用的files接收的,所以就需要自定义一下,官方文档里的貌似用不了,于是就自己看了一下源码,自己修改了一下。
直接上代码

html

<textarea id="doccont" style="display: none;"></textarea>

源码需要修改的地方:大概在五百零几行加上

data : u.data,
field : u.field,

js

var layedit = layui.layedit;
layedit.set({
   uploadImage: {
       url: "your Url",//文件上传接口
       data: {"":""},//传输参数
       field : 'files',//自己的文件字段name
       accept: 'image',
       acceptMime: 'image/*',
       exts: 'jpg|png|gif|bmp|jpeg',
       size: 1024 * 10,
   }
   , tool: [
       'strong', 'italic', 'underline', 'del',
       , 'addhr' //添加水平线
       , '|', 'fontFomatt', 'colorpicker' //段落格式,字体颜色
       , 'face', '|', 'left', 'center', 'right', '|', 'link', 'unlink'
       , 'image_alt', 'altEdit'
       , 'anchors' //锚点
       , '|'
       , 'table'//插入表格
       , 'customlink'//插入自定义链接
       , 'fullScreen'
   ]
});
var index = layedit.build('doccont'); //建立编辑器	

图片:

本文标签: 文件上传 实现个性 编程