画像

Javascriptでファイル選択した画像を表示する方法

<input type="file">で選択した画像を表示したい <input type="file">を使って選択した画像を、ファイルをサーバーにsubmit(アップロード)することなくブラウザ上にJavascriptで表示する方法をまとめます。 ファイルをアップロードする前にブラウザ上で選択された画像が確認できるので、プレビュー表 […]

React で publicフォルダ内の静的ファイル(画像)を参照する方法

Reactで画像を表示させる方法 create-react-app で環境を作ったReactアプリの場合、Reactで画像をコンポーネントに表示するには、画像ファイルを import することで Javascript から参照することができます。 例えば、以下の例はロゴ画像を表示するヘッダーです。内部で動いているWebpackがモジュールとして組み込んでくれるため、このようにJavascriptか […]