layui上传组件连续上传同一个文件upload组件无反应

简介: layui上传组件连续上传同一个文件upload组件无反应

问题:第一次预加载一个文件被取消,想再次重新上传时layui的upload组件没有反应,如果换一个文件上传可以继续上传

原因:upload.render方法执行一次后,第二次没有把elem指定元素对象重新生成,而是更新对象的属性,如file应该没更新,还是上一次的file导致change方法没触发继而没有触发这个choose;

解决:在upload组件的choose内添加 uploadcom.config.elem.next()[0].value = '';

var uploadcom = upload.render({
        elem: '#upBmc', //绑定元素
        url: '/upload/image', //上传接口
        auto: false, //选择文件后不自动上传
        accept: 'file', //允许上传所有文件类型
        // bindAction: '#upgradeBmc', //指向一个按钮触发上传
        choose: obj => {
          // 清空历史上传文件,解决choose只执行一次的问题!!!
           uploadcom.config.elem.next()[0].value = ''; 
        }
   })


相关文章
|
前端开发
Layui 内置方法 - layer.load(加载层)
Layui 内置方法 - layer.load(加载层)
3007 0
LayUI upload上传组件上传文件的两种方式
LayUI upload上传组件上传文件的两种方式
1506 0
|
资源调度 JavaScript API
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
14093 120
|
JSON JavaScript 定位技术
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Echarts 绘制地图(中国、省市、区县),保姆级教程!
28609 154
layui表单select框同时支持下拉和输入的解决方案
layui表单select框同时支持下拉和输入的解决方案
1288 0
|
JavaScript 前端开发
layui下拉框xm-select自定义搜索使用方法
【10月更文挑战第28天】`xm - select` 是基于 Layui 的下拉框增强插件,支持自定义搜索功能。实现步骤包括:1. 引入 Layui 和 xm - select 的核心文件;2. 创建下拉框的基本 HTML 结构;3. 使用 `layui.use` 函数初始化插件并配置搜索功能;4. 可选地进行高级自定义搜索优化,如模糊匹配、多字段搜索和实时更新数据。通过这些步骤,可实现灵活的下拉框搜索功能。
4499 1
|
前端开发 JavaScript
Layui上传文件时choose事件只触发一次的问题(两种解决方案+最终解决方案源码)
Layui上传文件时choose事件只触发一次的问题(两种解决方案+最终解决方案源码)
957 0
|
监控 JavaScript
成功解决:[‘‘, ‘‘, __ob__: Observer]
这篇文章介绍了Vue框架中数组出现`__ob__: Observer`属性的原因和解决方法,说明了Vue如何通过观察者模式实现数据与视图的双向绑定,并提供了如何避免数组被Vue接管导致无法取值的解决方案。
成功解决:[‘‘, ‘‘, __ob__: Observer]