Отображение загружаемого (еще не загруженного) изображения input file

  function showFile(e) {
    var files = e.target.files;
    for (var i = 0, f; f = files[i]; i++) {
      if (!f.type.match('image.*')) continue;
      var fr = new FileReader();
      fr.onload = (function(theFile) {
        return function(e) {
          var li = document.createElement('li');
          li.innerHTML = "<img src='" + e.target.result + "' />";
          document.getElementById('list').insertBefore(li, null);
        };
      })(f);
 
      fr.readAsDataURL(f);
    }
  }
 
  document.getElementById('files').addEventListener('change', showFile, false);

li.innerHTML = "<img src='" + e.target.result + "' />";
          document.getElementById('list').insertBefore(li, null);

document.getElementById('id').attributes('src', e.target.result);

document.getElementById("id").src = e.target.result;

var showFile = ( function() {
  var fr = new FileReader;
  fr.onload = function(e) {
      var li = document.createElement('li');
      li.innerHTML = "<img src='" + e.target.result + "' >";
      document.getElementById( 'list' ).appendChild(li);
  };
  return function(e) {
    var files = e.target.files, file, i;
    for (i = 0; file = files[i]; i++) {
      if (!file.type.match('image.*')) continue;
      fr.readAsDataURL(file);
    }
  }
} )()
  document.getElementById('files').addEventListener('change', showFile, false);

var showFile = (function () {
    var fr = new FileReader,
        i = 0,
        files, file;
    
    fr.onload = function (e) {
        var li;
        if (file.type.match('image.*')) {
            li = document.createElement('li');
            li.innerHTML = "<img src='" + e.target.result + "' >";
            document.getElementById('list').appendChild(li);
        }
            file = files[++i];
            if (file) {
                fr.readAsDataURL(file)
            } else {
                i = 0;
            }
    }
    
    return function (e) {
        files = e.target.files;
        file = files[i];
        if (files) {
            while (i < files.length && !file.type.match('image.*')) {
                file = files[++i];
            }
            if (file) fr.readAsDataURL(files[i])
        }
    }
 
})()
 
document.getElementById('files').addEventListener('change', showFile, false);