首页 > 其他分享 >LayUI Upload组件连续上传同一文件无反应

LayUI Upload组件连续上传同一文件无反应

时间:2024-08-13 17:06:26浏览次数:13  
标签:function false uploadListIns LayUI Upload elem choose file 上传

可能原因:组件会缓存上次的上传历史,若是同一文件就不处理

具体原因:待查

解决方法:在choose里面增加如下语句“uploadListIns.config.elem.next()[0].value = '' ”

 var uploadListIns = upload.render({
     elem: '#FileUpload',
     elemList: $('#FileList'), // 列表元素对象
     accept: 'file',
     multiple: false,
     number: 3,
     auto: false,
     bindAction: '#Save',
     choose: function (obj) {
         // 读取本地文件
         obj.preview(function (index, file, result) {
          //清空 input file 值,以免同名文件选择后不可再选
          uploadListIns.config.elem.next()[0].value = '';
         })
})

注:此句也可放置在choose内的起始位置

var uploadListIns = upload.render({
     elem: '#FileUpload',
     elemList: $('#FileList'), // 列表元素对象
     accept: 'file',
     multiple: false,
     number: 3,
     auto: false,
     bindAction: '#Save',
     choose: function (obj) {
          //清空 input file 值,以免同名文件选择后不可再选
          uploadListIns.config.elem.next()[0].value = '';
         // 读取本地文件
         obj.preview(function (index, file, result) {
         })
})

 

标签:function,false,uploadListIns,LayUI,Upload,elem,choose,file,上传
From: https://www.cnblogs.com/sugarwxx/p/18357359

相关文章

  • PbootCMS上传文件大小限制
    PbootCMS上传文件大小限制是由php.ini限制的,所以我们需要修改php.ini,找到PHP目录下的php.ini,一、打开php.ini1.file_uploads=on;是否允许通过HTTP上传文件的开关,默认为ON即是开;2.upload_tmp_dir;文件上传至服务器上存储临时文件的地方,如果没指定就会用系统默认的......
  • PbootCMS上传图片失败或提示:未知错误
    1、空间是否满,是否有权限2、切换一下php版本,用php7.0试试3、用最新的版本替换掉ueditor所有文件PbootCMS-V3.1.3版本后台正常使用,但是编辑器上传图片一直显示无法成功,今天就来处理这个问题。问题:1:单图片上传按钮点击没反应或上传后一直无法成功。2:多图片上传显示后台配置项......
  • uniapp中如何使用uni.canvasToTempFilePath方法上传Canvas内容为图片,并理解其工作原理
    1.主函数uni.canvasToTempFilePath({ canvasId:'canvasid', fileType:'png', quality:1,//图片质量 success(res){ uni.uploadFile({ url:that.baseUrl+'/file/upload',//后端接口地址 name:'file&......
  • JavaScript魔法:在线Excel附件上传与下载的完美解决方案
    最新技术资源(建议收藏)https://www.grapecity.com.cn/resources/前言在本地使用Excel时,经常会有需要在Excel中添加一些附件文件的需求,例如在Excel中附带一些Word,CAD图等等。同样的,类比到Web端,现在很多人用的在线Excel是否也可以像本地一样实现附件文件的操作呢?答案是肯定的,不......
  • DzzOffice文件上传处理错误信息说明
    UPLOAD_ERR_OKValue:0;Thereisnoerror,thefileuploadedwithsuccess.其值为0,没有错误发生,文件上传成功。UPLOAD_ERR_INI_SIZEValue:1;Theuploadedfileexceedstheupload_max_filesizedirectiveinphp.ini.其值为1,上传的文件超过了php.ini中upload_max_fi......
  • 解决pypi上传轮子unsupported platform tag 'linux_x86_64'问题
    问题背景在上传某轮子时出现了这样的一个报错:$twineupload--repository-urlhttps://upload.pypi.org/legacy/dist/*Uploadingdistributionstohttps://upload.pypi.org/legacy/Enteryourusername:__token__Uploadingxxx-1.0-cp37-cp37m-linux_x86_64.whl100%━......
  • 用layui +echarts 曲线图实现子页面向父页面传值,点击曲线图表上的点后删除该点,并在删
    下面是一个完整的示例,展示了如何使用layui和ECharts实现以下功能:子页面向父页面传值。点击曲线图上的点后删除该点。删除后自动刷新layui表格列表。根据子页面传值和起止时间刷新父页面。文件结构假设你有两个文件:父页面(index.html)子页面(child.html)1.子页面......
  • 自动上传文章插件
    由于CSDN是直接逆向的接口,上传文章大概是2s左右,两个selenium自动化登录的平台上传时间长一点,20s左右原因​ 有谁跟我一样,每次写完博客想发布时都得重新登一次wp(因为我隐藏了wp登录的url,防爆破的),wp登录又奇慢无比,手动把标题和文章粘贴过去,设置标签、分类,封面图,慢慢的,5分钟-10分......
  • uniapp 上传多张照片
    在uniapp中,你可以使用Promise来处理多张照片的上传任务。以下是一个简单的示例,展示了如何使用Promise来上传多张照片: //假设有一个uploadImage方法用于上传单张图片,返回一个PromisefunctionuploadImage(imagePath){returnnewPromise((resolve,reject)=>{//......
  • vue3 uniapp 上传图片
    直接上代码<uni-file-pickerfileMediatype="image"@select="selectFile"@delete="deleteFile"v-model="data.fileList"></uni-file-picker><viewclass="sub"@click="submit()">提交</......