File 物件詳解

admin發表於2018-09-11
物件

File物件是FileList物件的成員。

關於FileList物件可以參閱FileList 物件詳解一章節。

通過索引可以訪問FileList物件中的File物件，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
file=filelist[1]

File具有如下屬性:

（1）.name：檔名，只讀屬性。

（2）.size：檔案大小，單位為位元組，只讀屬性。

（3）.type：檔案的MIME型別，如果無法辨別型別，則為空字串，只讀屬性。

（4）.lastModified：檔案的上次被修改的時間，格式為時間戳。

（5）.lastModifiedDate：檔案的上次修改時間，格式為Date物件例項。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
window.onload = function () {
  let file = document.getElementById("File");
  file.onchange = function () {
    console.log(this.files[0]);
  }
}
</script>
</head>
<body>
<input type="file" id="File" /> 
</body>
</html>

可以上傳一個檔案，在控制檯檢視演示效果:

a:3:{s:3:\"pic\";s:43:\"portal/201809/11/131156x4bbt3hrbz3b3pzn.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

相關文章