Javascript 具有文件类型的输入标记的文件属性是什么?
我想显示上传的文本文件的内容,它的工作。但是我不知道为什么textfile有files[0]属性。我试着在网上搜索,但是没有结果Javascript 具有文件类型的输入标记的文件属性是什么?,javascript,html,Javascript,Html,我想显示上传的文本文件的内容,它的工作。但是我不知道为什么textfile有files[0]属性。我试着在网上搜索,但是没有结果 <center> <input id="textfile" type="file"> <input id="upload" type="submit" value="Upload"> </center> <script type="text/javascript"> var text
<center>
<input id="textfile" type="file">
<input id="upload" type="submit" value="Upload">
</center>
<script type="text/javascript">
var textfile = document.getElementById("textfile");
var upload = document.getElementById("upload");
upload.addEventListener("click",function () {
var fileReader = new FileReader();
fileReader.readAsText(textfile.files[0]);
fileReader.onload = function (event) {
alert(event.target.result);
}
});
</script>
根据mozilla开发者网站 文件对象通常从返回的文件列表对象中检索 由于用户使用元素选择文件
因此,即使不是多个,文件API也会用一个元素获取一个数组本身。根据mozilla开发者网站 文件对象通常从返回的文件列表对象中检索 由于用户使用元素选择文件 因此,即使不是多个,文件API也会使用一个元素获取数组本身。文件属性包含在元素中选择的文件列表。它是一个列表,因为您可以使用multiple属性允许用户选择多个文件;如果没有此选项,唯一选定的文件将始终位于文件[0]中。它是一个数组,类似于数组,因此您可以使用普通数组索引语法访问元素。对单个文件选择器和多个文件选择器使用相同的表示方式可以保持处理输入的代码的一致性—您不必担心是否有单个.file属性或带有列表的.files属性 每个元素都是一个对象,包含有关选定文件的信息。您可以将其传递给FileReader API以访问文件内容。文件属性包含在元素中选择的文件列表。它是一个列表,因为您可以使用multiple属性允许用户选择多个文件;如果没有此选项,唯一选定的文件将始终位于文件[0]中。它是一个数组,类似于数组,因此您可以使用普通数组索引语法访问元素。对单个文件选择器和多个文件选择器使用相同的表示方式可以保持处理输入的代码的一致性—您不必担心是否有单个.file属性或带有列表的.files属性
每个元素都是一个对象,包含有关选定文件的信息。您可以将其传递给FileReader API以访问文件内容。根据mozilla开发者网站,文件对象通常是从用户使用元素选择文件时返回的FileList对象中检索的,因此即使不是多个,文件API使用一个元素获取数组本身。根据mozilla developer站点,文件对象通常从用户使用元素选择文件时返回的文件列表对象中检索,因此即使不是多个,文件API也使用一个元素获取数组本身。