如何检测(在js中)是否在HTML5多输入中选择了文件?

时间:2014-05-12 10:01:29

标签: javascript html5 file-upload onchange html-input

我用Google搜索并发现我可以在输入类型="文件"上收听onchange事件。但这仅适用于没有multiple属性的输入。有谁知道如何倾听"选择的文件"用户选择文件后触发事件并触发一个功能?

1 个答案:

答案 0 :(得分:0)

<input type="file" multiple name="files" />

并在jquery中:

$("input[type='file']").on("change", function(){
   var files = $(this).prop("files");  // you'll get selected file(s)

   console.log(files);  // here will display files as objects with their properties. Check with Chrome console what properties are.
});

如果files未定义,则浏览器必须支持HTML5。