イノベーション エンジニアブログ


株式会社イノベーションのエンジニアたちの技術系ブログです


このエントリーをはてなブックマークに追加

Tag: File-Reader


  1. FileReaderを使ってローカルにある画像をブラウザに読み込ませる方法

    こんにちは、widthが192cmの小柳津です。 今回はローカルのファイルをブラウザに読み込ませる方法を習得したので、そちらを取り扱っていこうと思います。 方法はJavaScriptのFileReaderオブジェクトを使用します。 サンプルとして画像をリアルタイムでブラウザに反映できるものを作ってみました。 動作 百聞は一見にしかず、動作は以下のようになります。 See the Pen image-FileReader by yuma oyaizu (@yaizuuuu) on CodePen. 画像を選択できる箇所が5つあり、選択するとそれぞれの直下に画像がリアルタイムで追加されます。 さらに、今回は選択できる画像を'image/jpeg', 'image/png', 'image/gi…

    yaizu, javascript, jQuery, FileReader