如何通過file對象選擇文件?

2016-09-09 1249 0 編輯:Monster 來源:程序書籍

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對象選擇文件

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾