input文件上传相同文件onchange事件触发不了

原创于 2023-12-22 16:59:09 发布 · 580 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#javascript #前端

收录于

文章讨论了使用`object.defineProperty`控制value值的问题，指出这种方法可能不适用，并推荐在触发onchange事件前直接移除并替换input以提高效率。

有用object.defineProperty设置一个_value 控制value值的，试过不大行，不知道什么原因。

建议在需要触发onchange之前直接remove那个input然后append一个一样的input，别搞花活浪费时间了（泣き

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AsukaMinato_

关注关注

10
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html input的file文件输入框onchange事件触发一次失效解决方法

weixin_33943347的博客

11-16

929

最近在做一个图片上传的功能，出现提交一次后，file输入框的change事件无法再次触发的bug，就是说提交一次后必须刷新才能再次提交，这就坑了~ 于是想办法解决它~ 在网上找了一些资料，找到这几种方法： 1、替换掉原来的input框2、remove原来的input框，然后在添加进新的一样的input框我测试了之后发现可以用下面的方法解决这个问题：第一步：上传完成后替换掉原来的input...

参与评论您还未登录，请先登录后发表或查看评论

input 的onChang失效问题

it帝国的博客-辉

09-19

1599

今天现在在做前端第一个效果时，如下图一个产品设置它的最大，最小买的数量，所以我需要onChange写一段js。但使用onChange不起作用，一开始一直以为是我写js哪里语法有问题。后面发现直接在文本中天数量，不用边上的“-”，“+”居然onChange起作用了

input file onchange事件不触发(第二次上传同名文件)/文件上传也可参考

丁大聪明的博客

12-04

8810

html &amp;amp;amp;lt;div class=&amp;amp;quot;input-box&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot; name=&amp;amp;quot;feature&amp;a

input type=file, 时，onChange事件不触发问题

yw_hard的博客

04-17

1万+

React中input type=file, 时，onChange事件不触发问题当选择图片相同的时候，不会触发onchange事件，当选择图片相同的时候，不会触发onchange事件，最近在做react项目时发现的问题，代码如下 // An highlighted block <input type="file" onClick={(e) =>{e.target.value = '...

input输入框file类型第二次不触发onchange事件

jianghaha2011的博客

12-09

1792

input输入框file类型第二次不触发onchange事件的根本原因：原来是 ajaxFileUpload 插件造成的，它会把原来的file元素替换成新的file元素，所以之前绑定的change事件就失效了。上传时，当第二次点击同一个文件，由于value值没有发生变化，无法触发change/onchange事件。所以，问题的关键是input 的value 值，只需要在选择一次后将input标签的value属性置为空即可：document.getElementById('xmlFile')

JavaScript 文件上传不触发onchange事件

NEOSL的专栏

04-17

1489

文件上传时用到一个功能，使用html元素的input标签实现， <input id="imageFile" name="imageFile1" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file" title="点击选择文件" onchange="imageSubmit(thi

下拉框的触发事件分析（onchange、onfocus、onclick）

zhanghuan0303的博客

04-23

1万+

select的onChange事件问题解决（onchange、onfocus、onclick、onmousedown）一、onChange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的！所以 selected>个人//在这要选定一个默认的值 “selected” 单位这样在选择第二个时，值就会变即可触发onChang

【HTML5】文件上传：input[file]选择相同文件时，不触发onchange事件【解决方案】

喜欢分享些自己折腾的技术笔记

04-19

2304

【解决方案】 1.将Input[file]的value设置为"" 2.如果包裹在form元素里面的，则使用表单的reset函数 3.用新的input元素替换旧input的元素

Jquery input onchange无效问题解决方法

easyboot的专栏

01-03

4656

想通过JS改变input的值，同时触发onchange，发现onchange没有触发，原因是onchange需要失去焦点后才会触发。在网上搜索发现只有使用trigger简单方便，在设置input的时候加入$('#input').trigger("change"); 就OK了 function setinput(str) { $('#input').val(str) $('#in...

input 元素 change 事件失效，失去焦点的时候才执行？什么原因导致？如何正确使用？

赵花花的博客

04-24

6414

按想来说当input输入框里面的内容发生变化后，就会触发change事件啊，change事件不是在输入的时候触发吗？当按键抬起的时候触发的事件，在该事件触发之前一定触发了onkeydown事件–相当于一个按键，两个事件（onkeydown不常用）当input失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件，用于判断标签为空。的地方，刚刚按下的时候还没有写入内容，只有弹起的时候写入才完成，所以控制台总是比输入的内容要慢一拍（少一个）。那仅仅是大家的想当然，其实在。

html type file 响应,把input type=file 上传文件的onchange调用方法参数用\"括起来后赋给div变乱而无响应...

weixin_42301413的博客

06-23

1342

用 input type=file 来上传文件需要借住 javascript 来完成，客户端的执行过程大概是这样：用户单击“浏览”选择待上传的文件后触发 input 的onchange事件，在onchange事件中调用一个方法，该方法负责把文件提交到服务器，由服务器来完成文件的上传。这种方法上传文件每上传一次后需要重写 input type=file，这就涉及到把 input type=file ...

input输入框file类型第二次不触发onchange事件的解决办法，简单有效

weixin_30641999的博客

02-06

760

　　在网上看了很多办法，现在将网上大部分说法总结如下：网上说法：　　原因：选择一次后onchange事件没有绑定到input标签上；　　解决办法：拷贝一份input标签的副本,每次选择后对原input标签进行替换。　　　　我觉得网上给出的办法每次都要做回调，太麻烦了。应该还有更简单的做法。　　探究input输入框fi...

input on-change事件触发失效和重复上传相同文件失效bug

05-14

4092

问题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

html input file onchange事件失灵的解决方法

热门推荐

下雨天__的专栏

06-20

1万+

最近写了一个关于input file的onchange事件，在页面点击上传时需要提交后台，然后再把图片显示出来，发现onchange事件在第一次点击的时候是执行的，但是第二次第三次事件就失灵了，后来是利用remove将本元素移除，再通过生成相同元素的方法来解决onchange事件的失灵事件。遇到了并解决了，所以写在这里，供大家参考。 HTML代码： [HTML] 纯文本查看复制代码

vue2 - 解决input上传文件选择同一文件时change事件不会触发的问题

尽日寻春不见春，芒鞋踏遍陇头云。归来笑拈梅花嗅，春在枝头已十分。

09-06

5647

js - 解决使用input上传文件选择同一文件时change事件不会触发的问题

react onCompositionStart/Update/onCompositionStartEnd 触发时机

weixin_34126215的博客

02-28

1876

环境 1：react 15.5.0 2：antd 2.13.7 3：chrome 64 在使用antd的Input控件时由于控制了输入字符串的长度，导致在输入汉字时不能正确输入。原因：在OnChange事件中不能准确获得输入的文字字符串，如果使用输入法输入汉字，会被识别为一连串英文字符串。三个事件的触发时间分别为：输入开始时，输入进...

Input file上传重复文件不调用onchange事件

王小义笔记

09-13

886

用input file上传文件，掉用onchange方法时，第二次点击相同的文件，上传框内容同名导致函数功能失效 input[type=file]使用的是onchange去做，onchange监听的为input的value值，只有再内容发生改变的时候去触发，而value在上传文件的时候保存的是文件的内容，只需要在上传成功的回调里面，将当前input的value值置空即可。event.target.value=“”；增加到你对重复上传判断的函数体内即可。 ...

js文件上传选择重复同一个文件不触发change事件

wangaiwen的博客

02-02

998

【代码】js文件上传选择重复同一个文件不触发change事件。

input 中onChange属性无法触发bug

strawbingo的专栏

01-19

5282

input 中onChange属性无法触发bug 对input使用onChange属性，在IE6中测试发现某些情况无法触发。 1、手工修改input中值，移开焦点，会触发该事件。第三次就无法触发。 2、使用粘贴的方式修改input中的值，会触发该事件。第二次就无法触发。在IE8中测试，无此问题。最后的解决办法是使用onBlur事件。