HTML <input type ='file'>文件select事件
假设我们有这样的代码:
<form action='' method='POST' enctype='multipart/form-data'> <input type='file' name='userFile'><br> <input type='submit' name='upload_btn' value='upload'> </form>
其结果如下:
当用户点击“浏览…”button时,会打开一个文件search对话框:
用户将通过双击文件或单击“打开”button来select文件。
是否有一个Javascript的事件,我可以使用后被通知文件被选中后?
听取更改事件。
input.onchange = function(e) { .. };
当你不得不重新加载文件时,你可以删除input的值。 下一次你添加一个文件,“更改”事件将触发。
document.getElementById('my_input').value = null; // ^ that just erase the file path but do the trick
jQuery的方式:
$('input[name=myInputName]').change(function(ev) { // your code });
即使您单击取消,更改事件被调用。