How can I use JavaScript to load a JSON file from my desktop? Alternatively, for a more direct approach:

16 Replies, 852 Views

For a quick fix, you can use the `--allow-file-access-from-files` flag in Chrome, but it's deprecated and messy.

Better long-term solution: Use the FileReader API or a local dev server. VSCode's Live Server extension is super easy for this.

Here's a clean FileReader example:

```js
document.querySelector('#file-input').addEventListener('change', (e) => {
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = (event) => {
const data = JSON.parse(event.target.result);
console.log(data);
};
reader.readAsText(file);
});
```

Messages In This Thread



Users browsing this thread: 1 Guest(s)