JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="fileSel" multiple accept="image/*">
<div id="info"></div>

JavaScript

/** single image preview 2016.01.14 **/

window.URL = window.URL || window.webkitURL;

var fileSel = document.getElementById("fileSel");
var info = document.getElementById("info");

fileSel.addEventListener("change", function(e) {
  e.preventDefault();
  if (this.files && !!this.files.length) {
    info.innerHTML = "";
    for (var i = 0; i < this.files.length; i++) {
      preview(this.files[i]);
    }
  }
}, false);

var preview = function(file) {
  var img = document.createElement("img");
  img.src = window.URL.createObjectURL(file);

  img.onload = function() {
    info.innerHTML += "<span>檔名：" + file.name + ", 大小：" + file.size + "B" + ", w:" + this.width + ", h:" + this.height + "</span>";
    info.appendChild(this);
    //window.URL.revokeObjectURL(this.src);
  }

}