Hace algun tiempo yo estuve en el mismo dilema que tu, pero hasta donde yo se, a excepcion de algun que otro truquillo en diferentes navegadores  no se puede hacer lo que tu quieres, lo unico que se puede es lo que tu mostraste en el link

http://www.maestrosdelweb.com/editorial/revisar-las-imagenes-antes-de-subirlas/

Que no es tan dificil, pero si muy util. Yo lo pude aplicar con exito. Tambien vi unos cuantos plugin de jquery que lo hacen quizas te sirva mas buscar un plugin de esos que te facilite la vida.

encontre esto despues de tanto buscar pero solo funciona en mozilla y explorer en chrome no

<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
  <input type="file" name="file" onchange=" document.getElementById('prev').style.display='inline';document.getElementById('prev').src='data:'+this.files.item(0).getAsDataURL();document.getElementById('fs').innerHTML=' '+(parseInt(this.files.item(0).fileSize)/1024).toFixed(2)+' kb'" />
  <img id="prev" src="" width="85"  style="display:none;" /><span id="fs"></span>
</form>