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 = ''; 
        }
   })


相关文章
|
1月前
|
JavaScript 前端开发
layui用layer.open打开子页面并获取子页面的ueditor富文本编辑器的内容
该内容描述了一个Web应用的交互流程,其中父页面通过调用子页面的JavaScript函数来获取富文本编辑器的内容。子页面包含一个富文本编辑器和一个`callbackdata`函数,用于返回编辑器的文本内容。父页面使用`layer.open`打开子页面作为弹窗,并在用户点击提交时,访问子页面的`callbackdata`获取编辑器内容,同时检查其他表单字段,如类型、标题等是否为空,以确保数据完整。
123 0
|
1月前
|
API
【sgUpload】自定义组件:自定义上传组件,支持上传文件夹及其子文件夹文件、批量上传,批量上传会有右下角上传托盘出现,支持本地上传图片转换为Base64image。
【sgUpload】自定义组件:自定义上传组件,支持上传文件夹及其子文件夹文件、批量上传,批量上传会有右下角上传托盘出现,支持本地上传图片转换为Base64image。
|
1月前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
125 0
|
8月前
|
前端开发 JavaScript 安全
【前端相关】elementui使用el-upload组件实现自定义上传
【前端相关】elementui使用el-upload组件实现自定义上传
421 0
|
7月前
LayUI upload上传组件上传文件的两种方式
LayUI upload上传组件上传文件的两种方式
482 0
|
前端开发 Java 程序员
el-upload上传组件accept属性限制文件类型(案例详解)
案例分享el-upload上传组件accept属性!欢迎留言沟通交流!
3403 0
el-upload上传组件accept属性限制文件类型(案例详解)
|
1月前
|
JavaScript 数据库
vue中图片文件夹的保存与访问
vue中图片文件夹的保存与访问
32 0
|
1月前
|
API
【sgUpload_v2】自定义组件:升级自定义上传组件,支持拖拽上传、弹窗上传单个或多个文件/文件夹,并且获取文件夹结构路径树,然后在右下角出现上传托盘。
【sgUpload_v2】自定义组件:升级自定义上传组件,支持拖拽上传、弹窗上传单个或多个文件/文件夹,并且获取文件夹结构路径树,然后在右下角出现上传托盘。
|
1月前
|
前端开发
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
151 0
|
8月前
zTree 动态参数上传到服务器
zTree 动态参数上传到服务器
26 0