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

最新推荐文章于 2023-10-08 16:29:20 发布

讓丄帝愛伱

最新推荐文章于 2023-10-08 16:29:20 发布

阅读量900

点赞数 2

分类专栏：前端技术文章标签： layui java html

本文链接：https://blog.csdn.net/ximaiyao1984/article/details/130301997

版权

前端技术专栏收录该内容

234 篇文章 7 订阅

订阅专栏

当layui的upload组件首次预加载文件被取消后，再次尝试上传时可能会没有反应。原因是upload.render方法未重新生成elem元素对象。解决方案是在choose方法内清空input元素的value，确保每次选择文件时能触发新的上传流程。

摘要由CSDN通过智能技术生成

问题：第一次预加载一个文件被取消，想再次重新上传时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 = ''; 
        }
   })