來源私人檔案系統

透過集合功能整理內容 你可以依據偏好儲存及分類內容。

const opfsRoot = await navigator.storage.getDirectory(); // A FileSystemDirectoryHandle whose type is "directory" // and whose name is "". console.log(opfsRoot); 

// This is synchronous C code. FILE *f; f = fopen("example.txt", "w+"); fputs("Some text\n", f); fclose(f); 

const fileHandle = await opfsRoot     .getFileHandle('my first file', {create: true}); const directoryHandle = await opfsRoot     .getDirectoryHandle('my first folder', {create: true}); const nestedFileHandle = await directoryHandle     .getFileHandle('my first nested file', {create: true}); const nestedDirectoryHandle = await directoryHandle     .getDirectoryHandle('my first nested folder', {create: true}); 

const existingFileHandle = await opfsRoot.getFileHandle('my first file'); const existingDirectoryHandle = await opfsRoot     .getDirectoryHandle('my first folder'); 

const file = await fileHandle.getFile(); console.log(await file.text()); 

const contents = 'Some text'; // Get a writable stream. const writable = await fileHandle.createWritable(); // Write the contents of the file to the stream. await writable.write(contents); // Close the stream, which persists the contents. await writable.close(); 

await fileHandle.remove(); await directoryHandle.remove({recursive: true}); 

directoryHandle.removeEntry('my first nested file'); 

// Rename a file. await fileHandle.move('my first renamed file'); // Move a file to another directory. await fileHandle.move(nestedDirectoryHandle); // Move a file to another directory and rename it. await fileHandle     .move(nestedDirectoryHandle, 'my first renamed and now nested file'); 

const relativePath = await opfsRoot.resolve(nestedDirectoryHandle); // `relativePath` is `['my first folder', 'my first nested folder']`. 

fileHandle.isSameEntry(nestedFileHandle); // Returns `false`. 

for await (let [name, handle] of directoryHandle) {} for await (let [name, handle] of directoryHandle.entries()) {} for await (let handle of directoryHandle.values()) {} for await (let name of directoryHandle.keys()) {} 

  const getDirectoryEntriesRecursive = async (     directoryHandle,     relativePath = '.',   ) => {     const fileHandles = [];     const directoryHandles = [];     const entries = {};     // Get an iterator of the files and folders in the directory.     const directoryIterator = directoryHandle.values();     const directoryEntryPromises = [];     for await (const handle of directoryIterator) {       const nestedPath = `${relativePath}/${handle.name}`;       if (handle.kind === 'file') {         fileHandles.push({ handle, nestedPath });         directoryEntryPromises.push(           handle.getFile().then((file) => {             return {               name: handle.name,               kind: handle.kind,               size: file.size,               type: file.type,               lastModified: file.lastModified,               relativePath: nestedPath,               handle             };           }),         );       } else if (handle.kind === 'directory') {         directoryHandles.push({ handle, nestedPath });         directoryEntryPromises.push(           (async () => {             return {               name: handle.name,               kind: handle.kind,               relativePath: nestedPath,               entries:                   await getDirectoryEntriesRecursive(handle, nestedPath),               handle,             };           })(),         );       }     }     const directoryEntries = await Promise.all(directoryEntryPromises);     directoryEntries.forEach((directoryEntry) => {       entries[directoryEntry.name] = directoryEntry;     });     return entries;   }; 

const fileHandle = await opfsRoot     .getFileHandle('my highspeed file.txt', {create: true}); const syncAccessHandle = await fileHandle.createSyncAccessHandle(); 

const opfsRoot = await navigator.storage.getDirectory(); const fileHandle = await opfsRoot.getFileHandle('fast', {create: true}); const accessHandle = await fileHandle.createSyncAccessHandle();  const textEncoder = new TextEncoder(); const textDecoder = new TextDecoder();  // Initialize this variable for the size of the file. let size; // The current size of the file, initially `0`. size = accessHandle.getSize(); // Encode content to write to the file. const content = textEncoder.encode('Some text'); // Write the content at the beginning of the file. accessHandle.write(content, {at: size}); // Flush the changes. accessHandle.flush(); // The current size of the file, now `9` (the length of "Some text"). size = accessHandle.getSize();  // Encode more content to write to the file. const moreContent = textEncoder.encode('More content'); // Write the content at the end of the file. accessHandle.write(moreContent, {at: size}); // Flush the changes. accessHandle.flush(); // The current size of the file, now `21` (the length of // "Some textMore content"). size = accessHandle.getSize();  // Prepare a data view of the length of the file. const dataView = new DataView(new ArrayBuffer(size));  // Read the entire file into the data view. accessHandle.read(dataView); // Logs `"Some textMore content"`. console.log(textDecoder.decode(dataView));  // Read starting at offset 9 into the data view. accessHandle.read(dataView, {at: 9}); // Logs `"More content"`. console.log(textDecoder.decode(dataView));  // Truncate the file after 4 bytes. accessHandle.truncate(4); 

// On the main thread, not in the Worker. This assumes // `fileHandle` is the `FileSystemFileHandle` you obtained // the `FileSystemSyncAccessHandle` from in the Worker // thread. Be sure to close the file in the Worker thread first. const fileHandle = await opfsRoot.getFileHandle('fast'); try {   // Obtain a file handle to a new file in the user-visible file system   // with the same name as the file in the origin private file system.   const saveHandle = await showSaveFilePicker({     suggestedName: fileHandle.name || ''   });   const writable = await saveHandle.createWritable();   await writable.write(await fileHandle.getFile());   await writable.close(); } catch (err) {   console.error(err.name, err.message); }