+86-13828884598

如何通过file对象选择文件?

34512016-09-09編輯:Monster來源:程序书籍 在線PDF預覽

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>

运行代码效果如下图:

file对象选择文件

文章引用:https://www.hkhulian.com/infos/402.html
本文之圖文訊息香港網頁設計,香港App開發公司——香港互聯摘自互聯網,如有版權糾紛或違規,請聯繫我們刪除,谢谢。

上一篇: 暫無

下一篇: 暫無

感謝您訪問香港互聯,我們用13年的技術實力用心為您服務

高端網頁設計 • App定制開發 • 網路推廣服務

我們推薦直接電話溝通
+86-13828884598
9:00~18:30
+86-75536630177
szhulian@qq.com
香港互聯微信好友

掃碼微信加好友
請您標注微信說明

請提交您的需求

5 香港互聯微信好友
掃一掃,微信溝通