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 }); 

即使您单击取消,更改事件被调用。