今天搞一个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'); //建立编辑器
图片: