FileReader readyState 屬性

admin發表於2018-08-17

此屬性返回一個值，表示當前讀取的進度。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
FileReader.readyState

具有三個返回值:

（1）.返回0，表示還沒有載入任何資料。

（2）.返回1，表示資料正在被載入。

（3）.返回2，表示已經完成所有的讀取請求。

程式碼例項:

[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 () {
  var input = document.getElementById("file");
  input.onchange = function () {
    var file = this.files[0];
    if (!!file) {
      //讀取本地檔案，以gbk編碼方式輸出
      var reader = new FileReader();
      reader.readAsDataURL(file);
      reader.onload = function () {
        console.log(this.result);
        console.log(new Blob([this.result]));
        console.log(this.readyState);
      }
    }
  }
}
</script>
</head>
<body>
<input type="file" id="file"/>
</body>
</html>

使用上面程式碼讀取檔案執行結果，控制檯截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/17/000753mocvd1m2on2tobd1.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

相關文章