前端源私有文件系统：隔离存储管理的全面指南

            
async function getOPFSDirectory() {
  try {
    const root = await navigator.storage.getDirectory();
    return root;
  } catch (error) {
    console.error("Error accessing OPFS directory:", error);
    return null;
  }
}

            

              
                Copy
              
            
          

            
async function createFile(directoryHandle, fileName) {
  try {
    const fileHandle = await directoryHandle.getFileHandle(fileName, { create: true });
    return fileHandle;
  } catch (error) {
    console.error("Error creating file:", error);
    return null;
  }
}

async function createDirectory(directoryHandle, directoryName) {
  try {
    const directoryHandleNew = await directoryHandle.getDirectoryHandle(directoryName, { create: true });
    return directoryHandleNew;
  } catch (error) {
    console.error("Error creating directory:", error);
    return null;
  }
}

            

              
                Copy
              
            
          

            
async function writeFile(fileHandle, data) {
  try {
    const writableStream = await fileHandle.createWritable();
    await writableStream.write(data);
    await writableStream.close();
  } catch (error) {
    console.error("Error writing to file:", error);
  }
}

            

              
                Copy
              
            
          

            
async function readFile(fileHandle) {
  try {
    const file = await fileHandle.getFile();
    const contents = await file.text(); // Or file.arrayBuffer()
    return contents;
  } catch (error) {
    console.error("Error reading file:", error);
    return null;
  }
}

            

              
                Copy
              
            
          

            
async function deleteFile(directoryHandle, fileName) {
  try {
    await directoryHandle.removeEntry(fileName);
  } catch (error) {
    console.error("Error deleting file:", error);
  }
}

async function deleteDirectory(directoryHandle, directoryName) {
  try {
    await directoryHandle.removeEntry(directoryName, { recursive: true });
  } catch (error) {
    console.error("Error deleting directory:", error);
  }
}

            

              
                Copy
              
            
          

            
// Example of using Synchronization Access Handles (use with caution!)
//This example is for demonstration only and should be used with consideration
//of the potential to block the main thread.
async function exampleSyncAccessHandle(fileHandle) {
  try {
    const syncAccessHandle = await fileHandle.createSyncAccessHandle();
    const buffer = new Uint8Array(1024);
    const bytesRead = syncAccessHandle.read(buffer, { at: 0 });
    console.log(`Read ${bytesRead} bytes`);
    syncAccessHandle.close();
  } catch (error) {
    console.error("Error using SyncAccessHandle:", error);
  }
}

            

              
                Copy
              
            
          

            
async function streamFile(fileHandle, writableStream) {
  try {
    const file = await fileHandle.getFile();
    const readableStream = file.stream();
    await readableStream.pipeTo(writableStream);
  } catch (error) {
    console.error("Error streaming file:", error);
  }
}

            

              
                Copy
              
            
          

            
async function saveTextFile(directoryHandle, fileName, text) {
  const fileHandle = await createFile(directoryHandle, fileName);
  if (fileHandle) {
    await writeFile(fileHandle, text);
    console.log(`File \"${fileName}\" saved successfully.`);
  }
}

async function loadTextFile(directoryHandle, fileName) {
  const fileHandle = await directoryHandle.getFileHandle(fileName);
  if (fileHandle) {
    const text = await readFile(fileHandle);
    console.log(`File \"${fileName}\" loaded successfully.`);
    return text;
  } else {
    console.log(`File \"${fileName}\" not found.`);
    return null;
  }
}

// Usage:
const rootDirectory = await getOPFSDirectory();
if (rootDirectory) {
  await saveTextFile(rootDirectory, "myFile.txt", "Hello, OPFS!");
  const fileContents = await loadTextFile(rootDirectory, "myFile.txt");
  console.log("File Contents:", fileContents);
}

            

              
                Copy
              
            
          

            
async function createAndListFiles(directoryHandle, fileNames) {
  for (const fileName of fileNames) {
    await createFile(directoryHandle, fileName);
  }

  const files = [];
  for await (const entry of directoryHandle.values()) {
    if (entry.kind === 'file') {
      files.push(entry.name);
    }
  }

  console.log("Files in directory:", files);
}

// Usage:
const rootDirectory = await getOPFSDirectory();
if (rootDirectory) {
  await createAndListFiles(rootDirectory, ["file1.txt", "file2.txt", "file3.txt"]);
}

            

              
                Copy