FileReaderSync: readAsDataURL() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

readAsDataURL() は FileReaderSync インターフェイスのメソッドで、File または Blob オブジェクトを同期的に data URL を表す文字列に読み込むことができます。このインターフェイスは、ブロックが発生する可能性のある同期 I/O を可能にするため、ワーカーでのみ利用可能です。

構文

js

readAsDataURL(File)
readAsDataURL(Blob)

引数

blob: 読み込み対象の File または Blob です。

返値

入力データを data URL として表す文字列です。

例外

このメソッドでは以下の例外が発生する可能性があります。

NotFoundError DOMException

DOM の File または Blob で表されるリソースが、消去されたなどの理由で見つからない場合に発生します。

SecurityError DOMException

以下の問題のある状況のいずれかが検出された場合に発生します。

リソースが第三者によって変更されている
同時に行われる読み取りが多すぎる
リソースが指しているファイルがウェブから利用するには安全ではない（システムファイルなど）

NotReadableError DOMException

同時実行ロックなどの権限の問題でリソースを読み込めない場合に発生します。

EncodingError DOMException

リソースが data URL であり、ブラウザーごとに定義された制限長を超えた場合に発生します。

仕様書

仕様書
File API # readAsDataURLSync-section

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2026年1月7日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告