与我们合作
我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、移动端微信小程序开发、VI设计、网络运营、云产品·运维解决方案
有一个品牌项目想和我们谈谈吗?
您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与您取得联系。当然也欢迎您给我们写信或是打电话,让我们听到您的声音
您也可通过下列途径与我们取得联系:
地 址: 深圳.龙岗区大运软件小镇11栋3楼
电 话: 138 2888 4598 / 138 0880 9053
网 址: http://www.appvx.cn
快速提交您的需求 ↓
FileList对象表示用户选择的文件列表。在HTML4中,file控件内只允许放置一个文件,但是到了HTML5中,通过添加multiple属性,在file控件内允许一次放置多个文件。控件内的每一个用户选择的文件都是一个file对象,而FileList对象则为这些file对象的列表,代表用户选择的所有文件。file对象有两个属性,那么属性表示文件名,不包括路径;lastModifiedDate属性表示文件的最后修改日期。
下面是一个使用FileList对象与file对象的实例。通过点击“浏览”按钮,选择要上传的文件,然后单击“上传文件”按钮,将会弹出一个对话框,在这个对话框中将显示上传文件的名称。
代码如下:
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>FileList与file实例</title>
</head>
<body>
<script language="javascript">
function ShowName()
{
var file;
for(var i=0;i<document.getElementById("file").files.length;i++)
{
file=document.getElementById("file").files[i];
alert(file.name);
}
}
</script>
选择文件:
<input type="file" id="file" multiple size="50"/>
<input type="button" onclick="ShowName();" value="上传文件" />
</body>
</html>
运行代码效果如下图: