原因:

1:没有选文件直接关闭文件选择窗口,而且本来也没有文件,这个时候file组件没触发change继而没有触发这个choose

2:多次执行初始化代码去重复渲染同一个DOM,这个第一次渲染之后选择文件会触发choose,后面如果还有render逻辑又

render了这个DOM

解决方法:

var uploadRender = upload.render();

在choose方法中添加:uploadRender.config.elem.next()[0].value = '';

layui上传文件的choose只触发一次相关推荐

  1. Input type=“file“上传文件change事件只触发一次解决方案

    Input type="file"上传文件change事件只触发一次解决方案 参考文章: (1)Input type="file"上传文件change事件只触发 ...

  2. Layui上传文件时choose事件只触发一次的问题(两种解决方案+最终解决方案源码)

    问题描述:使用layui的组件实现的文件列表添加和上传,第一次弹出此页面,可添加多个文件,点击上传,可以成功上传,但再次弹出此页面时,添加文件无法触发choose方法,上传依然是正常的,话不多说,看解 ...

  3. 解决使用layui上传文件时提示“请求上传接口出现异常”

    在做网站的过程中,需要用户上传文件,接收文件的接口已经写好(经过测试确定可用) 现在需要在网页上提供一个文件上传的按钮.由于原生input type="file"组件太丑,考虑使用 ...

  4. layui 上传文件限制数量优化

    业务场景:需要用户最多只能上传4个文件,第一次选择3个文件并上传成功,第二选择3个文件并上传成功,第三次选择3个文件,这时是触发限制数量条件(number).现在需要解决第二次选择文件时就不能触发上传 ...

  5. layui上传文件请求接口异常_SpringMVC实现文件上传与下载,拦截器,异常处理

    第一章:响应数据和结果视图 1. 返回字符串 Controller方法返回字符串可以指定逻辑视图的名称,根据视图解析器为物理视图的地址. @RequestMapping(value="/he ...

  6. layui上传文件php上传接口异常,layui.upload上传图片报错“请求上传接口出现异常”...

    layui.upload上传图片报错"请求上传接口出现异常"且接口报404问题 在调试layui.upload上传图片时候报错"请求上传接口出现异常": 且接口 ...

  7. php layui 上传文件,laravel使用layui 上传文件 支持pdf上传

    控制器: file('file');//获取图片 $allowed_extensions = ["png", "jpg", "gif",&q ...

  8. layui上传文件成功后 回调 跳转指定页面

    <script>layui.use('upload', function(){var $ = layui.jquery,upload = layui.upload;//指定允许上传的文件类 ...

  9. layui上传文件时显示正在加载

    一,声明全局变量 var loadingIndex; 二, 在上传按钮点击事件中添加 //在上传按钮点击事件中添加 loadingIndex = layer.load(1, {shade: [0.5, ...

  10. 怎么接收layui上传的文件_layui 上传文件_批量导入数据UI的方法

    使用layui的文件上传组件,可以方便的弹出文件上传界面. 效果如下: 点击[批量导入]按钮调用js脚本importData(config)就可以实现数据上传到服务器. 脚本: /*** * 批量导入 ...

最新文章

  1. mysql 0x80004005 unable to connect to any of the specified mysql hosts
  2. 【区块链基础知识系列】 第9课 一文诠释什么是DAG
  3. linux添加x权限,Linux 7 的 rc.local 文件需要 添加 +x 权限才会自动执行
  4. 如何在vue中使用图形验证码
  5. circle后面是什么意思 python_Ape circle Python操作-第2-01章-列表操作,小猿圈,作业
  6. 使命召唤16计算机内存不足,使命召唤16出现一个问题怎么解决
  7. jsp点击按钮弹出输入框_【问答3】需要点击虚拟键盘上发送(搜索)按钮的写法...
  8. UCF101数据集标签错误解决方案
  9. github的健步如飞
  10. css3 模拟fadein,CSS3 transition fadein with display:none
  11. 世界知名游戏公司简介(国内,欧美,日韩)
  12. Enhancing The Reliability of Out-of-distribution Image Detection in Neural Networks解读
  13. 荣联再次中标中国移动云资源池项目
  14. Redis5.0源码解析(一)----------简单动态字符串(SDS)
  15. Chrome 无法显示网页 错误码:STATUS_INVALID_IMAGE_HASH
  16. java script error_java script error 错误解决方法
  17. Linux内核安装后reboot选择,Linux内核配置选项 参考(3)
  18. Line高关注度的背后暗藏什么玄机?
  19. 316级和304级不锈钢有什么区别?
  20. alv oo sap 多个_OO ALV 全屏显示

热门文章

  1. 2.1 A k-armed Bandit Problem
  2. Opencv学习——LSD直线检测
  3. 利用python爬虫技术实现基于本福特定律_基于Python技术的校园网搜索引擎的设计与实现...
  4. 正则匹配以XXX开头的,XXX结束的
  5. Mysql的分组函数
  6. 【保姆级教程】三角网生成库---triangle快速入门及使用说明(再不会就说不过去了啊兄弟)
  7. 红与黑 DFS(JAVA解法)
  8. 王菲微博“逗贫”语录暴光
  9. 485集线器,485Hub、485分配器、485共享器、三级浪涌保护,485星型接法设备 1拖4...
  10. 2022年,全网最真实的软件测试面试题