FileSystemWritableFileStream.write()
Baseline
2025
Newly available
Since September 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。
FileSystemWritableFileStream インターフェイスの write() メソッドは、このメソッドが呼ばれたファイルの現在のファイルカーソルオフセットにデータを書き込みます。
ストリームを閉じるまで、変更は実際のファイルには一切書き込まれません。 通常、変更はかわりに一時ファイルに書き込まれます。このメソッドは、ストリーム内で書き込む位置を移動したり、ファイルを切り詰めてファイル全体のバイト数を変更したりすることにも使用できます。
構文
write(data)
引数
data-
ファイルに書き込むデータを表す
ArrayBuffer・TypedArray・DataView・Blob・Stringオブジェクト・文字列リテラルのいずれかです。 もしくは、以下のプロパティを持つオブジェクトです。type-
"write"・"seek"・"truncate"のいずれかの文字列です。 data-
ファイルに書き込むデータです。
ArrayBuffer・TypedArray・DataView・Blob・Stringオブジェクト・文字列リテラルのいずれかです。typeがwriteに設定されているときは必須です。 position-
typeがseekのとき、現在のファイルカーソルの移動先のバイト位置を表します。typeがwriteのときにも設定することができ、この場合は書き込みの開始位置を表します。 size-
ストリームが保持するべきバイト数を表す
unsigned long値です。typeがtruncateに設定されているときは必須です。
返値
undefined で解決する Promise を返します。
例外
NotAllowedErrorDOMException-
PermissionStatusがgrantedでないとき返されます。 TypeError-
dataがundefinedであるか、positionまたはsizeが無効な値のとき返されます。 InvalidStateErrorDOMException-
positionが存在するバイト数より大きい値に設定されているとき返されます。
例
この非同期関数は「Save File」ピッカーを開きます。このピッカーは、ファイルが選択されると FileSystemFileHandle を返します。
このハンドルから、FileSystemFileHandle.createWritable() メソッドを用いて書き込み可能なストリームを作成します。
そして、ユーザーが指定した Blob がストリームに書き込まれ、ストリームが閉じられます。
async function saveFile() {
// 新しいハンドルを作成する
const newHandle = await window.showSaveFilePicker();
// 書き込み先の FileSystemWritableFileStream を作成する
const writableStream = await newHandle.createWritable();
// ファイルに書き込む
await writableStream.write(imgBlob);
// ファイルを閉じ、データをディスクに書き込む
await writableStream.close();
}
以下では、write() メソッドに渡すことができる異なるオプションの例を示します。
// データだけを渡す (オプションなし)
writableStream.write(data);
// ストリームに指定の位置からデータを書き込む
writableStream.write({ type: "write", position, data });
// 現在のファイルカーソルオフセットを指定の位置に移動する
writableStream.write({ type: "seek", position });
// ファイルを size バイトにする
writableStream.write({ type: "truncate", size });
仕様書
| Specification |
|---|
| File System> # api-filesystemwritablefilestream-write> |
ブラウザーの互換性
Loading…