javascript - 选择多个文件时获取输入类型 ="file"值

标签 javascript html

<分区>

Possible Duplicate:
Retrieving file names out of a multi-file upload control with javascript

从 HTML5 input type="file"允许用户通过添加 multiple="multiple"来选择多个文件:

<input type="file" multiple="multiple" />

我的问题是:如何获得该输入的值?使用.Value时,它仅返回选定的第一个文件的文件名,但是选择多个文件时,我无法查看其他文件。

我有什么:

<input type="file" multiple="multiple" onchange="alert(this.value)"
     onmouseout="alert(this.value) />

正如我告诉过你的那样,它只显示所选文件之一的名称。

注意:我不想只编辑文件名的值(我知道这是不可能的)

谢谢!

最佳答案

选中的文件存储在一个数组中:[input].files

例如,您可以访问项目

// assuming there is a file input with the ID `my-input`...
var files = document.getElementById("my-input").files;

for (var i = 0; i < files.length; i++)
{
 alert(files[i].name);
}

对于熟悉 jQuery 的人来说,这同样容易

// assuming there is a file input with the ID `my-input`...
var files = $("#my-input")[0].files;

for (var i = 0; i < files.length; i++)
{
 alert(files[i].name);
}

关于javascript - 选择多个文件时获取输入类型 ="file"值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7023457/

相关文章:

php - 如何使用 PHP 脚本剪切此 Html 字符串

javascript - 是否有可能在 JavaScript 中获取 html 页面代码并用它的值替换 TextBoxes?

javascript - Vue.js:带有内部功能的路由器链接

javascript - 当用户点击离开页面 JAVASCRIPT 时重定向到特定 URL

javascript - Metro 应用程序可以切换到上次运行的应用程序吗?

html - 水平对齐然后在 Bootstrap 中堆叠列

javascript - 导入节点模块时出现流错误 "cant resolve module"

javascript - 使用 JavaScript 的正则表达式中的 ASterisk 或数字

javascript - 如何将包含 HTML 元素的数组转换为 Javascript 中的表格?

javascript - 单击按钮会更改其他 div 的背景颜色吗?