使用 JavaScript 读取本地文件：文件属性的单个文件等效项答案

【问题标题】：Reading local files with JavaScript: single file equivalent for files property使用 JavaScript 读取本地文件：文件属性的单个文件等效项
【发布时间】：2011-12-29 21:41:46
【问题描述】：

为了阅读本地文件，本指南here 使用以下代码：

function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object
    ...

和

<input type="file" multiple>

这工作得很好，但是如果我只想访问一个文件怎么办，因为我使用的是 input file 类型而没有 multiple。访问FileList 数组的第一个索引是唯一的方法吗？

var files = evt.target.files; // FileList object
var singleFile = files[0];

【问题讨论】：

标签： javascript html file file-upload dom-events

【解决方案1】：

在访问 FileList 集合http://dev.w3.org/2006/webapi/FileAPI/#dfn-filelist时，您必须使用文件[0]

您可以使用的其他语法是files.item(0)

【讨论】：