有没有办法在用户选择要上传的文件并点击“打开”时绑定(bind)一个事件,我想在用户点击打开时触发该事件。
最佳答案
在那种情况下,change
事件将被触发。
如果你有这个 HTML:
<input type="file" id="fileInput" />
然后使用这个 JS:
window.onload = function () {
document.getElementById("fileInput").onchange = function () {
// this.value
};
};
(可以选择使用 addEventListener
/attachEvent
而不是设置 onclick
属性)
在处理程序内部,您可以使用 this.value
以选择文件。
当然,有了 jQuery,您可以使用:
$(document).ready(function () {
$("#fileInput").on("change", function () {
// this.value OR $(this).val()
});
});
注意: window.onload
和 $(document).ready
处理程序用于确保元素可用。当然,此事件的发生可能比实际需要的晚得多,因为它们会等待页面上的所有元素都准备就绪(并且 window.onload
等待加载图像等内容的时间甚至更长)。一个选项是绑定(bind) onchange
处理程序紧接在页面上的元素之后或 <body>
的末尾.
关于javascript - 文件上传事件绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15975210/