博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
laravel使用layui富文本编辑器layedit上传图片419解决办法
阅读量:6326 次
发布时间:2019-06-22

本文共 2227 字,大约阅读时间需要 7 分钟。

laravel框架+layui做系统时,后台需要使用到富文本编辑器,首选当然简单的layui自带的layedit啦,不过上传图片时报错:“请求上传接口异常”,查看返回 “419 unknown status”,很明显没有上传需要_token值,应该是ajax提交不包含data数据,果断修改:

layedit.set({        uploadImage:{            url:'/admin/upload',            type:'post',            data:{                _token:$('meta[name=csrf-token]').attr('content')            }        }    })

并没有用,查看请求头,并没有携带token参数,查看文档,并没有相应方法,那就只能去修改源码了。

1. 找到layui-src/dist/layer/modules/layedit.js,复制解压缩,搜索 uploadImage 找到如下内容

image: function (a) {                        var n = this;                        layui.use("upload", function (o) {                            var r = l.uploadImage || {};                            o.render({                                url: r.url,                                method: r.type,                                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 || "上传失败")                                }                            })                        })                    },

修改为

image: function (a) {                        var n = this;                        layui.use("upload", function (o) {                            var r = l.uploadImage || {};                            o.render({                                url: r.url,                                data: r.data,                                method: r.type,                                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 || "上传失败")                                }                            })                        })                    },

2. 将代码压缩,而后替换layui-src/dist/layer/modules/layedit.js内容

再测试 OK

转载于:https://www.cnblogs.com/convincee/p/10846308.html

你可能感兴趣的文章
伪异步IO理解
查看>>
成为JAVA GC专家系列
查看>>
我的编程之路(十八) 团队开发
查看>>
Redis的消息通知
查看>>
Word2010插入页码分节符
查看>>
mysql benchmark基准测试
查看>>
JS获取中文拼音首字母,并通过拼音首字母高速查找页面内的中文内容
查看>>
SourceTree - 正在检查源... When cloning a repository, "Checking Source" spins forever
查看>>
基于android studio的快捷开发(将持续更新)
查看>>
json序列化时datetime的处理方法
查看>>
Mesos源码分析(1): Mesos的启动过程总论
查看>>
iOS开发UI篇—常见的项目文件介绍
查看>>
python2.0_day21_web聊天室一
查看>>
MySQL server has gone away 问题的解决方法
查看>>
使用BeanUtils设置属性转换String到Date类型
查看>>
C# DateTime和String转换
查看>>
js判断函数是否存在、判断是否为函数
查看>>
动态sql
查看>>
UVA 10564 Paths through the Hourglass[DP 打印]
查看>>
洛谷P1119 灾后重建[Floyd]
查看>>