layedit uploadimage设置图片大小、传参等设置

本地 回首页
2959
头像
众网网络 2018-11-22

在使用layedit富文本编辑器,上传图片接口时,只能设置两个参数:

layedit.set({
  uploadImage: {
    url: '' //接口url
    ,type: '' //默认post
  }
});
//注意:layedit.set 一定要放在 build 前面,否则配置全局接口将无效。
layedit.build('demo'); //建立编辑器

此外,其它任何设置都无效,包括设置图片大小、传递参数等。

通过研究源码发现,只要改动一小部分代码就可以实现和layui.upload一样的效果。

1、找到layedit.js

然后再找到image:function(a)这里

image:function(a){
var n=this;layui.use("upload",function(o){
var r=l.uploadImage||{};o.render({
url:r.url,method:r.type,
size:r.size,elem:e(n).find("input")[0],
done:function(e)
{0==e.code?(
e.data=e.data||{},
v.call(t,"img",{src:e.data.src,alt:e.data.title},a)):
i.msg(e.msg||"上传失败")}})})},

然后在method:r.type后面加上size:r.size,

url:r.url,method:r.type,size:r.size,

然后在type后面加上你想要添加的参数如size:500,参数名称和设置与upload一样,这点要注意,

layedit.set({
  uploadImage: {
    url: '' //接口url
    ,type: '' //默认post
    ,size:500
  }
});
//注意:layedit.set 一定要放在 build 前面,否则配置全局接口将无效。
layedit.build('demo'); //建立编辑器

这样就生效了.