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);
});
```
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);
});
```
