Voglio caricare un immagine nel server attraverso un evento javascript

[nyo1]

Vorrei caricare un immagine da un input HTML che nel momento dello sfoglia fa partire un evento javascript XMLHttpRequest() che ascolta la risposta di stampaAnteprima.php.


carica.html

<input type="file" size="30" onchange="preview()" id="upload_immagine">
</td>
<td>
<div id="divImmagine" > </div>

filejavascript.js

function preview() 
    {
    var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("divImmagine").innerHTML=xmlhttp.responseText;
    }
  }
  name=upload_immagine.value;
xmlhttp.open("POST","stampaAnteprima.php", false);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("image="+name);
}

stampaAnteprima.php

<?php
$file_temp=($_FILES['image']['tmp_name']);
echo"$file_temp";
?>

Ecco, il mio problema è, come faccio a far passare il campo id="upload_immagine" dell'html attraveso javascript che poi viene letto nel php? Io ho usato name=upload_immagine.value; ma non funziona, non passa niente al file php. Consigli??? Grazie in anticipo!!