File lastModified 屬性

admin發表於2020-04-03
AST

lastModified 屬性返回表示檔案最後修改時間的時間戳。

File 物件更多內容參閱JavaScript File 物件一章節。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
file.lastModified

返回值是時間戳，也就是一長串數字。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
div {
  width: 150px;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  text-align: center;
  border: 2px dotted green;
}
</style>  
<script>
window.onload = ()=> {
  let oFile = document.getElementById("file");
  let oShow =document.getElementById("show");
  file.onchange = function () {
    oShow.innerHTML = oFile.files[0].lastModified;
  }
}
</script>
</head>
<body>
<input type="file" multiple id="file" /> 
<div id="show"></div>
</body>
</html>

通過檔案域選中一個文字檔案，程式碼執行效果截圖如下：

a:3:{s:3:\"pic\";s:43:\"portal/202004/03/002102r7yyhjoopjxy332f.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

程式碼簡單分析如下：

（1）.通過檔案域選中檔案HTML.txt，同時觸發 change 事件。

（2）.然後將此文字檔案最後修改時間的時間戳寫入 div 。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let file = new File(['螞蟻部落前端'],'ant.txt');
console.log(file.lastModified);
console.log(typeof file.lastModified);

谷歌開發者工具控制檯執行效果截圖如下：

a:3:{s:3:\"pic\";s:43:\"portal/202004/03/002134i8fxm2m8zwywq2x9.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

程式碼分析如下：

（1）.通過建構函式建立 File 物件。

（2）.如果沒有顯式規定 lastModified 屬性，預設值為Date.now()。

（3）.當然我們也可以通過建構函式第三個引數顯式規定時間戳，本文不再演示。

相關文章