jsonといえばajaxで受け取ってフロントでゴニョゴニョするデータというイメージだったのですが、ローカルから読み込んでフロントだけで扱うこともできるんですね。割と最近知って色々使い所ありそうだなと思ったのでメモっておこうと思います。 FileReaderを使うざっくりとサンプルを作ってみました。PC内jsonファイルを選択すると、そのファイルの中身を表示するというものです。ソースコードはこちら。 <input type="file" id="file"> <div id="result">ここに結果が表示されます</div> window.onload = () => { const file = document.getElementById('file'); const result = document.getElementById('result'); // FileReader
![[JavaScript] サーバ処理を介さずPC内のjsonファイルを画面に表示する](https://cdn-ak-scissors.b.st-hatena.com/image/square/d5a87a36499272d5974f0aa1b7fa06dd95e28064/height=288;version=1;width=512/https%3A%2F%2Fdiwao.com%2Fimage%2Ftheme%2Fog.png)