opfs tools

en：OPFSで構築されたブラウザで実行されているシンプルで高性能で包括的なファイルシステムAPI。

cn：在浏览器中运行的简单、高性能、完备的文件系统 api、基于opfs构建。

APIドキュメント

ベンチマーク

使用法

OPFS-Tools-Explorerプロジェクトでオンラインデモを体験できます。

 import { file , dir , write } from 'opfs-tools' ;

// --------- Create / Write ---------
await dir ( '/test-dir' ) . create ( ) ; // create a directory

await write ( '/dir/file.txt' , '' ) ; // empty file
await write ( '/dir/fetch-file' , ( await fetch ( '//example.com' ) ) . body ) ;
// inputFile from the input element picked by the user
await write ( '/dir/input-file' , inputFile . stream ( ) ) ;

// For incremental file writes, please refer to the API documentation.
const writer = await file ( '/dir/file' ) . createWriter ( ) ;

// --------- Read ---------
await file ( '/dir/file.txt' ) . text ( ) ;
await file ( '/dir/input-file' ) . arrayBuffer ( ) ;
await file ( '/dir/input-file' ) . stream ( ) ;

// If you want to read file fragments, please refer to the API documentation.
const reader = await file ( '/dir/input-file' ) . createReader ( ) ;

await dir ( '/test-dir' ) . children ( ) ;

// --------- Remove ---------
await dir ( '/test-dir' ) . remove ( ) ;

await file ( '/dir/file.txt' ) . remove ( ) ;

// --------- copyTo / moveTo ---------
await file ( '/dir/file' ) . copyTo ( file ( '/dir/file copy1' ) ) ;
await dir ( '/dir' ) . moveTo ( dir ( '/.Trash' ) ) ;

文章：web 文件系统（ opfs 及工具）介绍

特徴

• 基本操作
  • ファイル
    • 取り除く
    • 存在します
  • 監督
    • 作成する
    • 取り除く
    • 存在します
    • 子供たち
• ファイルの読み取り
  • 得る
  • 文章
  • ストリーム
  • arraybuffer
• ランダム読み取り
  • reader = file.createreader
  • reader.read（buflen、{at}
  • reader.close
• ファイルの書き込み
  • 書き込み（dest：string、input：string）
  • 書き込み（dest：string、input：arraybuffer | arraybufferview）
  • 書き込み（dest：string、input：readableStream）
• ランダムな書き込み
  • writer = file.createwriter
  • writer.write
  • writer.flush
  • writer.truncate
  • writer.close