HTML5 Ya

pagina.html
estilos.css
Ejecución de la página

<!DOCTYPE HTML>
<html>
<head>
  <title>Prueba</title>

function inicio() {
        document.getElementById('archivo').addEventListener('change', cargar, false);               
    }

function cargar(ev) {
        var arch=new FileReader();
        arch.addEventListener('load',leer,false);
        arch.readAsDataURL(ev.target.files[0]);
    }
    
    function leer(ev) {
        document.getElementById('caja').style.backgroundImage="url('" + ev.target.result + "')";
    }
</script>
</head>

<body>
<p>Lectura de una imagen almacenada en el disco duro.</p>
<input type="file" id="archivo"><br>
<div id="caja">
</div>
</body>

</html>

48 - API FILE (lectura de una imagen)

Retornar