# File System API — Progressive Web Apps

Source: https://www.geekswithgeeks.com/hi/pwa/pwa-file-system-api

> File System Access API का उपयोग करके device पर files को access और manipulate करें।

## User Consent के साथ File Access

**File System Access API** आपके app को explicit permission के साथ user के device पर files को open, read और write करने देता है। Users files को pick कर सकते हैं और आपका app उनके साथ directly काम करता है।

## Files को open और read करें

User files को access करने के लिए showOpenFilePicker का उपयोग करें।

```javascript
const openFileBtn = document.getElementById('open-file');
openFileBtn.addEventListener('click', async () => {
  try {
    const [fileHandle] = await window.showOpenFilePicker({
      types: [{ description: 'Text files', accept: { 'text/plain': ['.txt'] } }]
    });
    const file = await fileHandle.getFile();
    const content = await file.text();
    console.log('File content:', content);
  } catch (err) {
    console.error('File picker error:', err);
  }
});
```

Output:

```
User can select files; app reads and processes them directly.
```