Ler imagem e mostrar preview sem upload do arquivo, somente client

Read Image Upload

<img id="preview" src="placeholder.png" height="100px" width="100px" />
<input type="file" name="image" onchange="previewImage(this)" accept="image/*"/>

<script type="text/javascript">      
  function previewImage(input) {
    var preview = document.getElementById('preview');
    if (input.files && input.files[0]) {
      var reader = new FileReader();
      reader.onload = function (e) {
        preview.setAttribute('src', e.target.result);
      }
      reader.readAsDataURL(input.files[0]);
    } else {
      preview.setAttribute('src', 'placeholder.png');
    }
  }
</script>


Referência: http://stackoverflow.com/questions/5256620/how-can-i-show-a-image-preview-in-the-browser-without-uploading-the-image-file-t