FileList item()

admin發表於2020-04-01

item() 方法可以通過索引訪問 FileList 集合中的 File 物件。

關於 FileList 參閱 JavaScript FileList 集合 一章節。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
fileList.item(index)

引數解析：

（1）.index：必需，要訪問的集合中 File 物件的索引位置，從 0 開始計算。

特別說明：效果與採用 [index] 方式完全相同，推薦採用 [] 方式。

程式碼例項：

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

選中三個檔案，程式碼執行效果截圖如下：

a:3:{s:3:\"pic\";s:43:\"portal/202004/01/000656kpkomvuokplljmah.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

列印出第二個 File 檔案的相關資訊。

相關文章