layedit upoladimage 设置图片大小，解决跨域问题。

最新推荐文章于 2024-04-14 23:08:41 发布

转载最新推荐文章于 2024-04-14 23:08:41 发布 · 1.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.h0376.cn/jie/detail.html?id=45

标签

#js

收录于

jsp 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何修改layedit富文本编辑器的源码，以实现更灵活的图片上传功能，包括设置图片大小和额外参数，使其功能媲美layui.upload。

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

在使用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,
headers:r.headers,
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'); //建立编辑器

headers同样的方法，解决跨域问题。

这样就生效了.