如何使用javascript从文件对话框中捕获文件选择？

Question

我使用以下代码使用java脚本

创建文件对话框

var input = $(document.createElement('input'));
input.attr("type", "file");
input.trigger('click');

使用上面的代码正确显示

文件对话框。

如果使用“文件对话框”上的“打开”按钮选择文件，如何捕获文件名和其他详细信息？

使用已选择的文件我想使用ajax请求将所选文件上传到服务器

我尝试过以下几个选项来捕获点击“打开”按钮。但它没有帮助。有什么建议吗？

input.onchange = function(e) {
alert("File Selected"); 
};  

input.onclick = function(e) {
alert("File Selected");
};

Answer 1

file个输入有一个名为files的特殊属性。您可以按如下方式访问它们（作为数组，如果您已指定multiple属性）：

var files = input.files;

MDN documentation州：

  

此类型的对象由HTML的files属性返回   <input>元素;这使您可以访问所选文件列表   <input type="file">元素。它也用于文件列表   使用拖放API时放入Web内容;看到了   DataTransfer对象有关此用法的详细信息。