browser-fs-access

import { fileOpen, directoryOpen, fileSave, supported } from 'browser-fs-access'; async function performFileOperations() { if (supported) { console.log('Using the File System Access API.'); } else { console.log('Using the fallback implementation (e.g., <input type="file"> or <a download>).'); } try { // Open a single image file with specific options const imageBlob = await fileOpen({ mimeTypes: ['image/*'], extensions: ['.png', '.jpg', '.jpeg'], description: 'Select an image file', multiple: false, startIn: 'pictures' }); console.log(`Opened image: ${imageBlob.name} (type: ${imageBlob.type}, size: ${imageBlob.size} bytes)`); // Open multiple text files from a directory, recursively const filesInDir = await directoryOpen({ recursive: true, mode: 'read', mimeTypes: ['text/*', 'application/json'], extensions: ['.txt', '.md', '.json'] }); console.log(`Opened ${filesInDir.length} files in directory. First file: ${filesInDir[0]?.name || 'N/A'}`); // Save a new text file created from a Blob const textContent = 'This is a test file saved using browser-fs-access.\nHello, world!'; const textBlob = new Blob([textContent], { type: 'text/plain' }); await fileSave(textBlob, { fileName: 'my-document.txt', extensions: ['.txt'], description: 'My Text Document', startIn: 'documents' }); console.log('Successfully saved my-document.txt'); } catch (error) { if (error.name === 'AbortError') { console.log('User cancelled the file picker.'); } else { console.error('File operation failed:', error); } } } performFileOperations();