layui图片上传按钮按着没反应_layui上传不回调或无法触发上传（点击上传无法跳到选择图片）...

版权声明：本文为博主原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_40656662/article/details/97900353

无法触发上传(点击上传无法跳到选择图片)

a:id重复；b:layui-upload-list 所在的容器使用了浮动： c:layui的上传样式不完整

总之很重要的一点就是layui的class样式会影响功能，如果添加样式可能无法实现效果

浮动导致无法触发上传控件

主页背景

点击上传

改为

主页背景

点击上传

表单中的上传控件无法触发回调事件

主页背景

点击上传

立即提交

重置

如果上传绑定在立即提交上，需要把btn的class=“layui-btn” 移除。但是回调依然是有时能触发，有时不能，network显示能触发时status=200，不能时status=canceled

3. 查询资料知道canceled的原因大致是请求未结束又提交了新的请求导致冲突

所以让一个控件只执行一个请求或者让请求分先后顺序

使用表单时 解决方法：去掉form标签或添加新的按钮(让按钮只负责上传，其实没必要)

使用ajax时设置如下参数：async: false；如果都用则在ajax完成后加一个return false;