函数 var value = document.getElementById(id).files[0] 在 JavaScript 中有什么作用？答案

【问题标题】：What does the function var value = document.getElementById(id).files[0] do in JavaScript?函数 var value = document.getElementById(id).files[0] 在 JavaScript 中有什么作用？
【发布时间】：2020-08-11 22:41:26
【问题描述】：

我正在使用软件 Brackets 来编写 JavaScript。我遇到了这个

var value = document.getElementById(id).files[0]

我想知道是否有人可以解释它的功能是什么以及我将来如何使用它以及.file[0]的意义是什么

【问题讨论】：

你只问files吗？其余的是常见的 Javascript，并且在许多教程中都有介绍。只需搜索方法名称即可。

标签： javascript brackets

【解决方案1】：

document.getElementById(id) 会给你一个普通的 JS 对象，它可以同时具有属性（或属性）和方法。首先，您要求的指令是期望该对象具有“文件”属性。

javascript 中的属性可以是基元（如字符串、数字或布尔值）、复杂对象和数组。

在这种情况下，括号提示我们这个属性（文件）是一个数组。 数组元素通过括号内的索引访问。 .files[0] 表示该数组中的第一项。

例如，如果你有一个类似的数组：

var myArray = ['first', 'second', 'last']

您可以使用您要求的相同语法访问元素：

myArray[0]  //first
myArray[1]  //second
myArray[2]  //last

在不知道指令上下文的情况下，此文件属性与 FileUpload 输入控件完美匹配。在这里检查： https://www.w3schools.com/jsref/dom_obj_fileupload.asp

【讨论】：

【解决方案2】：

来自Forms Section 4.10.5.4 上的 HTML5 规范：

files IDL 属性允许脚本访问元素的选定文件。在获取时，如果 IDL 属性适用，它必须返回一个 FileList 对象，该对象代表当前选定的文件。必须返回相同的对象，直到所选文件列表发生更改。如果 IDL 属性不适用，则它必须改为返回 null。

基本上.files 返回脚本可以访问的选定文件的列表 (FileList)。

【讨论】：

【解决方案3】：

根据 W3Schools，files 属性返回一个 FileList 对象，表示使用文件上传按钮选择的一个或多个文件。

通过FileList对象，可以获取文件的名称、大小和内容

此属性是只读的。您可以在 W3schools 网站here 上阅读更多相关信息

你也可以学习如何使用它here

【讨论】：