当我选择一个文件时，不会触发文件输入onchange函数
当选择一个文件时，不会触发文件输入onchange函数可能是由于以下几个原因：
- 文件输入元素的onchange事件未正确绑定：确保文件输入元素的onchange事件已经正确地绑定到相应的处理函数上。可以通过在HTML中使用onchange属性或者在JavaScript中使用addEventListener方法来实现绑定。
- 文件输入元素的multiple属性未设置：如果文件输入元素的multiple属性未设置，即只能选择单个文件，那么当选择一个文件时，不会触发onchange函数。可以通过在HTML中设置multiple属性为true来允许选择多个文件。
- 文件输入元素的value属性未改变：当选择一个文件时，如果文件输入元素的value属性未改变，即选择的文件与之前选择的文件相同，那么不会触发onchange函数。可以通过在选择文件后，将文件输入元素的value属性设置为选择的文件路径来解决该问题。
- 文件输入元素被禁用或隐藏：如果文件输入元素被设置为禁用或隐藏状态，那么选择文件时不会触发onchange函数。可以通过检查文件输入元素的disabled属性和CSS样式来确认是否被禁用或隐藏。
总结起来，当选择一个文件时不触发文件输入onchange函数可能是由于事件绑定问题、multiple属性设置问题、value属性未改变问题或者文件输入元素被禁用或隐藏等原因导致的。需要仔细检查代码逻辑和相应属性的设置来解决该问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和处理大规模非结构化数据。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者更轻松地构建和管理无需管理服务器的应用程序。详情请参考：https://cloud.tencent.com/product/scf
相关·内容
我有以下html元素： <input type="file" id="file-selector",onchange="readJson(this)" accept=".txt, .json, "></input> 和以下函数： function readJson(selector) {
console.log("I'm a sucessful onchange event!")var fi
浏览 12提问于2020-06-22得票数 1
回答已采纳
4回答
为什么您选择一个图像的两倍大小的二阶图像没有显示？{ }</script>
<input type="file" onchange
浏览 5提问于2012-11-18得票数 0
回答已采纳
我在这里有一个简单的组件来上传文件： constructor(props) {...}={this.importFile.bind(this)} />);} onChange={e => this.importFile(e)}
onChange={thi
浏览 3提问于2018-05-12得票数 7
我有一个非常简单的jQuery和PHP请求。如果它返回一个与null不同的值，则不会显示警报(控制台中没有任何错误)。但是，如果url返回空值，则会显示警报。我试过ctrl+F5，但不起作用。谢谢!
浏览 0提问于2015-06-19得票数 0
回答已采纳
><br></form>
当用户单击“浏览...”时按钮，将打开一个文件搜索对话框：用户将通过双击该文件或单击“打开”按钮来选择该文件。有没有Javascript事件可以用来在文件被选中后通知我？
浏览 2提问于2010-08-20得票数 163
回答已采纳
2回答
显示div的延迟
、、
我有一个文件输入 <div> xml file display goes here </div>我从获得了onchange事件处理程序
浏览 4提问于2015-06-12得票数 0
回答已采纳
3回答
我已经看到了许多关于输入文件元素没有在第二次使用相同文件的onchange触发事件时触发的问题，但我的情况并非如此。当选择不同的文件时，我的onchange处理程序也不是。我选择一个文件，然后如果我尝试选择另一个文件，它就是不能工作。文件选择对话框出现，我<
浏览 11提问于2017-02-28得票数 2
回答已采纳
function () { }, false);}
它在大多数情况下都工作得很好，但有时它不会在选择文件时触发onChange事件(或者在INPUT上与multiple属性一起使用时会触发更多的文件)。我知道当您重新选择相同的文件时，onChange不会</e
浏览 11提问于2016-09-08得票数 9
回答已采纳
下面的js代码是为html5多个文件选择的复制，在选择了几次文件同名后，对于chrome浏览器不起作用。
For EX:选择文件admin.png进行2次或更长时间的串联。它只会第一次发出警报。
浏览 2提问于2014-02-10得票数 2
回答已采纳
Safari允许您选择HEIC文件它会自动转换成JPEG格式。对于速度较慢的计算机上的多个文件，转换可能比较慢。我想填补之间的等待时间选择文件和触发"onchange“事件的旋转器。
当用户单击输入时，我能够显示一个旋转器，并在"onchange“事件<e
浏览 7提问于2022-02-25得票数 3
我有一个只有一个"file“输入的表单。我会在用户选择一个文件后提交表单。
浏览 0提问于2009-12-15得票数 34
回答已采纳
1回答
我有一个网页应用程序，让用户打开文件从他们的本地机器。我第一次使用 API。
下面是一个示例程序(由创建)，它说明了这个问题。mount-app-element)
(mount-app-element)
浏览 3提问于2020-01-04得票数 1
回答已采纳
如果我选择从输入类型文件中选择文件，我想将文件移动到拖放区域。{ }}, false);
我有另一个名为<input type="file" name="browse" multiple" id='fi
浏览 0提问于2018-09-23得票数 0
1回答
我正面临一个问题，当我通过突出显示输入值并按下delete按钮(或Ctrl+a+Delete)来删除输入值时，无法触发onChange。但是，在仅使用delete按钮删除值时会触发onChange (逐个删除)当我一次删除输入值(通过选择整个字符串/int)时，如何让输入触发onChange函
浏览 4提问于2020-02-06得票数 4
我想使用angularjs实现一个场景，在这个场景中，用户选择一个目录，在选择之后，需要对该目录中的每个文件进行一些处理。但是，当我选择空目录时，它会触发更改事件。 //add below line of code to trigger onchange event if user s
浏览 4提问于2016-02-28得票数 2
回答已采纳
button></div>正如您所知道的，当您第一次选择一个文件时，输入将触发onchange事件，但是当您第二次选择相同的文件时，输入
浏览 1提问于2017-10-16得票数 1
回答已采纳
我和React.js中常见的模式混淆了 const temperature = this.state.temperature; }这是我对这件事工作原理的推理：
用户输入，每个按键都是一个事件。这是handleChange用来设置状态的
浏览 6提问于2020-08-14得票数 0
当我点击图片按钮时，我激活了下面的jquery调用：在IE9中，它会打开文件浏览器。但是，当我选择一个文件时，它不会更改路径。因此，我的onchange函数从不调用，表单也不会提交。下面是输入字段的html：
<input style = 'display:block&#x
浏览 0提问于2011-11-04得票数 1
我在React应用程序中遇到了一个非常奇怪的错误。我有这样的代码： <input onChange={doUpload} name="fileUploader" ref={fileRef}
/> 但是当我点击输入来选择一个文件时</e
浏览 10提问于2019-08-27得票数 0
回答已采纳
我需要在用户单击reset按钮后手动触发<input type="file">元素上的onChange事件。我有一个复杂的表单，它包含20多个输入，并允许动态添加新输入，容器组件(未显示)中的顶级函数处理这些输入，该函数接受每个输入的更改事件，并确定如何更改我的状态。点击它应该会触发输入上的onChange事件，它会沿着React树向上移动，并更新我
浏览 0提问于2017-09-20得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
