AngularJs——FileUpload插件上传同一文件无效问题记录**

已于 2022-09-30 13:12:47 修改
阅读量276 收藏
点赞数
分类专栏： 前端报错和技术问题 文章标签： angularjs html
于 2020-09-01 09:52:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eleven_i/article/details/108334885
版权

AngularJs——FileUpload插件上传同一文件无效问题记录

问题：使用FileUpload插件进行文件上传时，发现无法上传与上个文件相同的文件，而且不会调用任何组件的生命周期钩子。

原因：由于没有在input标签中添加multiple属性，此属性用于上传多个文件，而我上传同一文件也属于这个情况

解决：

<input style="display:none;" type="file" nv-file-select="" uploader="uploader" id="fileToUpload" multiple/>
eleven_i
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现图片上传多次上传同一张不生效的处理方法
12-09
在做图片上传的功能时, 使用删除功能删除了一张图片, 然后想重新上传原来删除的图片, 结果预览不显示, 也不能上传成功 解决办法, 在删除方法里置空input $("#id").find('input').val(''); 拿到input所在的位置, 找到这个input, 然后置空 还有一种方法是来回切换input的属性 每次删除图片后, 改变input的type属性 先变成text, 删除完成后变回file, 方便删除后能继续上传 $("#inputId").attr('type','text'); $("#inputId").attr('type','file'); 总结 以上所述
(实战-改bug)element ui Upload组件 上传一次后，再次点击上传 没反应
最新发布
m0_67066313的博客
10-08 2281
日常改bug，减少出错率
input on-change事件触发失效和重复上传相同文件失效bug
05-14 3863
问题1： 在使用angularJs情况下， 使用input标签 配合 ng-change 无效，为什么原生的 input的onchange事件有效？ 问题2： 使用input标签 文件上传svg之后，然后再上传用同一个svg文件，没有任何反应? 问题1: 原因：首先 ng-change事件要与ng-model绑定，但是在input type类型为file的时候ng-change是无效,所以我们可以这样写 <input type="file" class="inputBtn" accept="image
Angular6中FileUpload插件无法上传同一个文件
Jack汪喆的技术分享栏
11-06 1234
使用FileUpload插件进行文件上传时，发现无法上传与上个文件相同的文件，而且不会调用任何组建的生命周期钩子，经过2个小时的研究，找到了问题解决方案 由于没有在input标签中添加multiple属性，此属性用于上传多个文件，而我们上传同一文件也属于这个情况 示例代码&lt;input id="photo" type="file" ng2FileSelect [uploader]="up...
angular上传文件，亲测实用
yang_tf的博客
11-06 659
1.首先在app.module里面引入HttpClientModule import{HttpClientModule}from'@angular/common/http' 2.在页面里面引用 import{HttpClient,HttpRequest,HttpHandler}from'@angular/common/http'； constructor(privatehttpclient:HttpClient){} /** *上传事件 */ upload(){...
JQuery fileupload插件实现文件上传功能
10-22
主要介绍了JQuery fileupload插件实现文件上传功能的相关资料,需要的朋友可以参考下
fileupload插件 上传文件自带进度条
01-12
fileupload插件 上传文件自带进度条 可设置文件格式 大小限制
asp.net fileupload控件上传文件与多文件上传
10-25
主要介绍了asp.net fileupload控件上传文件的方法，fileupload控件多文件上传，以及fileupload上传时实现文件验证的方法，需要的朋友可以参考下
多文档上传(upload multiple documents)功能不能使用怎么办？
dingjianman7815的博客
07-11 269
问题描述： 在SharePoint 2010的文档库里选择documents标签，然后选择upload document下拉菜单，你会发现upload multiple documents那个按钮是灰色的，不能使用。 当你把鼠标放到那个按钮上悬停，会出现一条提示信息说：This control is currently disabled. You might not have th...
踩坑总结！elementUI组件之upload上传控件的multiple属性，设置false报错！
热门推荐
acoolgiser的博客
04-30 1万+
踩坑总结！elementUI组件之upload上传控件的multiple属性，设置false报错！ 在使用elementUI组件中的upload上传按钮控件的时候，其中的multiple属性决定了是否可以多选文件 ，首先看一下官方文档： 看到multiple参数的类型是boolean，如果简单的以为“它的值要么是true，要么是false”，那就错了，完美踩坑！！！ 仔细看一下d...
php多文件上传multiple属性,thinkphp5使用multiple属性多文件上传为什么总是会报错？...
weixin_29119159的博客
03-10 240
为什么thinkphp5使用multiple属性实现多文件上传为什么总是会报错？报错信息：HTML代码：php代码：if($files = request()->file('file'))foreach ($files as $file){$info = $file->move(ROOT_PATH . 'public' . DS .'static','');if($info){$pat...
【bug解决】上传图片后，取消这次上传 再次执行上传，上次的图片还存在
weixin_45650440的博客
11-22 1008
第一次上传的图片路径，要在清除事件后，重新调接口将路径置为初始的图片路径 <img> </img> // 清除上传 clearInfo(){ this.loading = '../../require/xxx.jpg' //初始的图片路径 }
input type=file 同一个文件做两次上传操作，第二次无效解决方法
你好，欢迎光临！
11-04 6710
问题 使用input[type=file] 实现文件上传功能，通过onchange事件触发js代码，这个时候第一次上传是完全没问题的，当你第二次上传文件时，如果是不同于上一次上传文件的话是可以正常上传的，不过如果你选择的还是上一个文件，也就是两次上传的文件重复了，那么就会上传失败。 原因 input是通过onchange事件来触发js代码的，由于两次文件是重复的，所以这个时候onchange事件是没有触发到的。 最佳解决方案 读取文件后，记得把input的value重新设置为空即e.target.value
如何解决同一文件二次上传无效问题
流萤梦的博客
09-30 1622
文件第一次上传后，修改文件内容后，不刷新页面，再次上传该文件，就出现如下图所示的错误。（刷新页面可以正常上传，换成另一个文件也可正常上传）前后两次的文件名并没有发生改变，没有触发input的onchange的事件。在接口回调里将input的value置空即可。当然，如果有其他方法，也可在评论区留言哦！
WebUploader 解决文件多次上传然后报错的问题的问题
走过程序员的路
06-04 5480
文件多次上传有两种情况：1. 上传前的多次选择，取消2. 上传成功后，再次选择上传，在选择我遇到的问题就是第三次上传的时候js报错，后来看了下是文件是undefined，解决思路如下配置项：duplicate {Boolean} [可选] [默认值：undefined] 去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.将dupliacate设置为true,  允许文件多次上传其...
vue解决upload组件第二次上传无反应
OnlyJally的博客
01-03 3770
父级页面为编辑页面调用该组件，在点击编辑按钮后上传附件，第一次上传成功，提交后在其他行再次点击编辑按钮，调用该组件，则显示上传失败。为方便更多页面调用该组件进行附件上传。
input file文件上传同一个文件第二次上传无效
总结前端开发中遇到的问题，分享前端知识
06-08 2144
解决办法：调用删除接口上传成功之后记得清除文件，把input的value重新设置为空使用input[type=file] 实现文件上传功能，通过onchange事件触发，这个时候第一次上传是完全没问题的，或者更换其他文件也没问题，当你第二次上传同一文件时，就会出现两次上传的文件重复的问题，就会上传失败 无效；............
上传重复图片无法提示报错(无法触发change事件)
lianmindiandi
09-08 289
**问题:**上传图片时,我们一般会做大小限制,如果超过多少,就会报错.但是客户可能第二次还会继续上传刚刚那个过大的图片,但是第二次就不会报错. **原因:**由于图片一样,导致无法触发change事件 <input type="file" id="fileImages" ref="fileUploader" accept="image/jpeg, image/png
java 上传文件_JAVA学习笔记——fileUpload文件上传
05-17
其中，一种常用的方式是通过Apache的commons-fileupload组件来实现文件上传。 以下是实现文件上传的步骤： 1.在pom.xml文件中添加以下依赖： ```xml <groupId>commons-fileupload <artifactId>commons-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值