FileReader error 事件

admin發表於2020-04-09

error 事件會在讀取操作失敗的時候觸發,比如讀取的資料不存在或不可讀。

關於事件處理函式註冊,可以參閱如何註冊事件處理函式一章節。

FileReader 更多內容參閱 JavaScript FileReader 一章節。

程式碼片段如下:

[JavaScript] 純文字檢視 複製程式碼
const fileInput = document.querySelector('input[type="file"]');
const reader = new FileReader();
function handleSelected(e) {
  const selectedFile = fileInput.files[0];
  if (selectedFile) {
    reader.addEventListener('error', () => {
      console.error(`Error occurred reading file: ${selectedFile.name}`);
    });

    reader.addEventListener('load', () => {
      console.error(`File: ${selectedFile.name} read successfully`);
    });
    reader.readAsDataURL(selectedFile);
  }
}
fileInput.addEventListener('change', handleSelected);

上述是一個程式碼片段,當讀取操作失敗,就會觸發 error 事件,進而執行事件處理函式。

相關文章