layui文件上传跨域回调显示

时间:2022-08-28 22:50:10

layui的上传图片有点坑,不能跨域,删掉跨域异常后,图片上传到第三方图片库了,但是居然没有回调

我看网上的人说的是回调到某某页面,但是第三方回调结构并不能由我来控制,看来不是一个绝好的方法


layui文件上传跨域回调显示

先看看简易编辑器的源码

layui文件上传跨域回调显示

这个id是上传图片的id,然后来看看upload.js。搞懂layui的上传原理

layui文件上传跨域回调显示

layui文件上传跨域回调显示

在来修改简易编辑器代码

layui文件上传跨域回调显示


简易编辑器的代码是要经过upload.js再次拼接,形成新的html,然后显示在页面上,在开发过程中,在浏览器里查看源码,找问题很方便的

上面说其他参数要写到layui.upload的下面就是这个原因了,只有在编译器调用完这个方法后,在来修改节点才会有效果


然后通过change函数来判断用户什么时候上传文件

这是页面最终生成的源码

layui文件上传跨域回调显示


看到了吧,form里面有有两个input。一个是text(我后来通过jquery添加的,一定要加到form里面),一个是文件输入框,然后通过change事件来处罚ajax提交整个form立刻

来看看效果图吧

layui文件上传跨域回调显示

layui文件上传跨域回调显示

change事件监听。回调处理

layui文件上传跨域回调显示

layui文件上传跨域回调显示

写了这么多,如果对你有帮助,就打赏一点吧,勉励我再接再厉