<input type =“file”/> create,FileUpload Object或FileList是什么?

时间:2013-07-11 15:52:53

标签: javascript html file-upload file-io filelist

在HTML文件中,我写道:

<input type="file" id="xmlfile" onchange="handleFiles(this)"/>.

W3School说:“对于HTML表单中的每个标记,都会创建一个FileUpload对象。”我确实通过使用JS脚本中的代码来成功获取文件的路径:

function handleFiles(iFile){ var path = iFile.value; }

但还有另一种观点认为<input type="file">会返回一个FileList。 我很迷惑。如果它返回文件列表,则还有一个路径列表。在这种情况下,“iFile.value”是什么意思?文件路径列表? 提前谢谢。

1 个答案:

答案 0 :(得分:0)

console.log(object)是我用来在Chrome开发者工具中查看Javascript对象的函数。

  function handleFiles(iFile) {
            var path = iFile.value;
            console.log(iFile);
            console.log(path);
  }

这是输出:

<input type="file" id="xmlfile" onchange="handleFiles(this)">
C:\fakepath\README 

从这里我们可以说<input type="file">iFile参数返回FileUpload对象,而iFile.value是选择上传的路径。