input file 重复上传同一张图片失效的解决办法

最新推荐文章于 2023-09-13 20:47:00 发布
最新推荐文章于 2023-09-13 20:47:00 发布
阅读量203 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/u/3568600/blog/1832686
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

a0c6dc33fca021db523f04c1f608faa8d43.jpg

解决办法

方法一：来回切换input[type='file']的type属性值，可以是‘text’,'button','button'....，然后再切换回来‘file’

20115703_Q4kP.png

方法二：每次取消图片预览后，重置input[type='file']的value的值，如上图所示。

转载于:https://my.oschina.net/u/3568600/blog/1832686

weixin_34124939
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[前台]---js重复上传一张图片两次,第二次失败的解决办法和思路
zhangsir的博客
05-23 1万+
js重复上传一张图片两次,第二次会失败,解决办法就是修改input的value值. 先上代码: <input style="display:none" type="file" id="aaa" onchange="newuploadImageForDetail(event)" accep
【JS】【33】解决 重复上传同一张图片，第二次无反应 的问题
aizhu4795的博客
08-20 1117
正文： <input style="display:none" type="file" id="img" οnchange="uploadImage(event)" accept="image/jpg, image/jpeg, image/gif, image/png"> 问题：用户上传图片A，然后点击删...
input标签处理上传文件时同一个文件上传没反应
我的博客
06-22 774
谷歌浏览器中input重复上传同一文件时没反应， 上传的文件，路径、名称完全相同，才是同一个文件，上传时连续同一文件点击上传， 谷歌浏览器不会重复加载。谷歌浏览器中input的onChange事件默认保存上一次input进去的value，同一个value（根据文件路径判断）在重复上传时不重新加载。解决办法:上传成功后清除input的value值...
图片上传删除图片后再次上传同一个图片不成功
weixin_39436129的博客
09-15 748
问题描述： 上传图片后，删除该图片，再次上传该图片，无法进行上传 <input #fileupload multiple type="file" (change)="uploadChange($event)"> 原因分析： 虽然删除了该图片，但input绑定的value的值并没删除，指向的依旧是该图片 解决方案： 上传成功后清除组件的值 this.fileupload.nativeElement.value = null; ...
input file 踩坑 是否允许上传两张一样的图片（chrome）
小菜鸡程序媛的挣扎史
09-29 1039
<input type="file"> 是h5新特性，但是存在浏览器差异，解决兼容性问题的方法如下， 火狐和谷歌在input file 的差异： 在默认不做更改的情况下 火狐在上传同一张图片的情况下： 可以上传两次一样的某张图片 谷歌在上传同一张图片的情况下：第二章图片的上传会没有任何反应 造成这种差异的原因是：在谷歌 onchange事件会在内容改变且失去焦...
jquery实现多次上传同一张图片
10-20
这在不刷新整个页面的情况下，提供了一种用户友好的多次上传同一张图片的解决方案。 当然，实际应用中，上传过程通常涉及到异步操作，例如使用Ajax进行文件上传。在这种情况下，你需要监听`change`事件，当用户选择...
input file上传文件样式支持html5的浏览器解决方案
12-13
最近在使用画布处理图像像素时用到了file上传控件，发现了file上传控件的两个兼容性问题。一个是file上传控件在火狐下无法通过css改变width，另一个是file上传控件在不同的浏览器下的外观和行为都不一样。 下面是...
android webview input=file 失效解决方案
05-24
Android Webview中的`input=file`失效问题主要由安全策略和权限限制引起。通过自定义`WebChromeClient`、请求读取权限、实现文件选择器和使用`FileProvider`，可以解决这个问题，使用户能够正常在Webview中上传文件...
input file上传 图片预览功能实例代码
09-01
以上就是关于`<input type="file">` 上传图片预览功能的实现原理和实例代码解析。这个功能不仅简化了用户的操作流程，也提高了网页的交互性。在实际开发中，还可以根据需要添加更多细节，如错误处理、图片大小限制...
上传相同的图片不能上传（第一次和第二次相同的图片）
最新发布
chengchong_cc的博客
09-13 165
【代码】上传相同的图片不能上传（第一次和第二次相同的图片）
input上传文件件过程中，同一个文件二次上传无效
qq_41838435的博客
04-07 895
因为change方法监听的是input的value值，只有发生改变时才会去触发change方法，而value在上传文件时保存的是文件的内容，因此只需在上传文件之后对当前的value置空即可。
解决 input 文件上传不能上传重复文件的问题
qq_37751892的博客
03-31 9320
问题发生背景 使用input[type=file] 实现文件上传功能，通过onchange事件触发js代码，这个时候第一次上传是完全没问题的，不过当你第二次上传文件时，如果是不同于上一次上传文件的话是可以正常上传的，不过如果你选择的还是上一个文件，也就是两次上传的文件重复了，那么就会上传失败。 原因 input是通过onchange事件来触发js代码的，由于两次文件是重复的，所以这个时候oncha...
解决input无法多次上传同一张图片
qq_45588362的博客
01-06 1182
input 上传图片 上传同一张图片的时候 第二次上传无法触发 onchange事件 所以没有办法上传同一张图片第二次 解决办法 在你的change事件里面 加上 document.querySelector('#inputfile').value = '' 这样就行了 也可以用 jq $(’#inputfile’) .val(’ ') 总之就是讲input的 value值清空 这样就能上传第二张了 ...
有趣且重要的JS知识合集（6）浏览器无法上传两次同样的文件
qq_39404437的博客
02-08 494
当我们在上传文件时，会使用 <input type='file' id='file'/> 当第一次上传文件时，ok，上传成功，是没有问题的，第二次上传同样的文件时（为啥上传同样的文件？测试的小伙伴会经常这样操作。。），会发现没有反应，原因是因为，在上传时，浏览器会保存我们上传的文件，并与之前的保存值进行比较，相同就不触发onchange事件，不同才会触发，所以我们第二次上传相同文件时，就没有触发onchange事件，解决方法如下: document.querySelector('#uploa
解决input type=“file“上传同名文件第二次无效问题
九段刀客的博客
02-03 849
event.srcElement.value = null;
如何解决同一文件二次上传无效问题
流萤梦的博客
09-30 1699
文件第一次上传后，修改文件内容后，不刷新页面，再次上传该文件，就出现如下图所示的错误。（刷新页面可以正常上传，换成另一个文件也可正常上传）前后两次的文件名并没有发生改变，没有触发input的onchange的事件。在接口回调里将input的value置空即可。当然，如果有其他方法，也可在评论区留言哦！
ajaxFileUpload onchang第二次失效
zhanqizi的专栏
12-06 2645
ajaxFileUpload 用onchang上传只能上传一次 第二次就失效了 我找这个问题找了很长时间，试了很多种方法都不行，皇天不负有心人 终于被我找到解决办法了。 上传资料 理赔申请书 /*监听所有file下的input的事件 最原始方法 只能上
input 连续上传同一个文件第二次不会再次触发问题，解决方案e.target.value = ‘‘；位置：看内容
qq_42859450的博客
02-16 832
1、//封装的上传excel组件 <template> <el-button @click="clickUpload" style="font-size: 12px; vertical-align: baseline" @mouseover.native="hover = true" @mouseleave.native="hover = false" :plain="plain" > <img v-show=
input type=file 同一个文件做两次上传操作，第二次无效解决方法
qq_43654065的博客
08-25 1459
使用input[type=file] 实现文件上传功能，通过onchange事件触发js代码，这个时候第一次上传是完全没问题的，当你第二次上传文件时，如果是不同于上一次上传文件的话是可以正常上传的，不过如果你选择的还是上一个文件，也就是两次上传的文件重复了，那么就会上传失败。input是通过onchange事件来触发js代码的，由于两次文件是重复的，所以这个时候onchange事件是没有触发到的。读取文件后，记得把input的value重新设置为空即e.target.value=''
同一张图片java可以上传， php不可以
07-08
对于同一张图片，无论是使用Java还是PHP，理论上都可以进行上传。上传图片的能力取决于所使用的编程语言和相关的库或框架。Java和PHP都提供了相应的功能来处理文件上传操作。 在Java中，你可以使用Java Servlet或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值