SYNCERのロゴ
アイキャッチ画像

FileReader.error - エラーの内容

errorは、FileReaderのプロパティです。ファイルの読み込みで生じたエラーの内容をDOMExceptionで返します。

概要

名前
error
所属
FileReader
IDL
readonly attribute DOMException? error;
仕様書
https://w3c.github.io/FileAPI/#dfn-error

説明

エラー内容を反映するDOMExceptionを返す。エラーが何も発生していない場合はnullを返す。

デモ

50msごとにプロパティの値を監視します。何でもいいのでファイルを選択して、読み込みの状態を変化させてみて下さい。わざと読み込みを中止してエラーを発生させます。選択したファイルが当サーバーに送信されることはありません。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
<style>
	div#result { white-space: pre-wrap ; }
	input { width: 95% ; font-size: 16px ; }
</style>
</head>
<body>
	<input type="file" multiple id="hoge">
<hr>
	<div id="result"></div>
<script>
var element = document.getElementById( "hoge" ) ;
var resultElement = document.getElementById( "result" ) ;
var fileReader = new FileReader() ;

element.onchange = function () {
	var file = element.files[0] ;
	fileReader.readAsText( file ) ;
	fileReader.abort() ;
}

setInterval( function () {
	if ( lastError !== fileReader.error ) {
		console.log( fileReader.error ) ;
		resultElement.textContent = fileReader.error ;
		lastError = fileReader.error ;
	}
}, 50 ) ;

var lastError ;
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
6.0+ 10+ 6.0+ 4.0+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月4日 (水)
コンテンツを公開しました。