layui富文本编辑器,使用第三方插件Kz.layedit上传文件时自定义文件域字段名和请求参数

Kz.layedit下载地址

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

图片: 在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值