--- title: HTML5 / JavaScript で ローカルの画像をプレビュー tags: JavaScript HTML5 author: junya slide: false --- ローカルの画像ファイルを表示する #コード ```html:sample.html 画像表示テスト ``` `document.querySelector('#preview').src = reader.result;` img要素のsrcに読み込んだファイルのデータを渡せば表示できる ##実行結果 ![imgReader.png](https://qiita-image-store.s3.amazonaws.com/0/20109/c2a102e0-a0c9-2744-e938-fd62b3e86f16.png)