javascript - <input type ="file"> 创建什么,FileUpload 对象还是 FileList?

标签 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">返回一个文件列表。 我很困惑。如果它返回文件列表,则还有路径列表。在这种情况下,“iFile.value”是什么意思?文件路径列表? 提前致谢。

最佳答案

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是选择上传的路径。

关于javascript - &lt;input type ="file"> 创建什么,FileUpload 对象还是 FileList?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17598029/

相关文章:

javascript - 我如何在渲染方法 React-Native 上调用数组对象中的 rowData 值

javascript - Regex Javascript(必须有 1 个数字和字符)

javascript - 如何在我的 div 中居中文本

javascript - ajax 文件上传问题(Node.js、express、jQuery)

c# - fileupload控件在updatepanel下时如何上传图片?

android - 在 android 中的服务器上上传 base64 转换后的图像

javascript - D3 多个饼图标签

javascript - 重复项的两个总和问题 - 更惯用的 Javascript 解决方案

javascript - 从选择下拉列表中创建查询字符串链接?

html - SVG foreignObject 中的 Div 在 Mac Chrome 中失去了位置