くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

<input type="file" />で選択した画像を<img>に表示する

雑だけど、こんな感じ(´ω`)

<html>
  <body>
    <input type="file" id="myImage" accept="image/*" onchange="setImage(this);" onclick="this.value = '';">
    <img id="preview">

    <script>
    function setImage(target) {
        var reader = new FileReader();
        reader.onload = function (e) {
            document.getElementById("preview").setAttribute('src', e.target.result);
        }
        reader.readAsDataURL(target.files[0]);
    };
    </script>
  </body>
</html>

以上!!

参考にしたサイト様