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!!

[m4rko80]

Forse da qui potresti ricavarne qualcosa

[nyo1]

Più che altro vorrei che

<input type="file" size="30" onchange="preview()" id="upload_immagine">

con riferimento al javascript

name=upload_immagine.value;

mi restituisse lo stesso valore che avrebbe passato nel caso in cui avessi fatto la form, in pratica il valore per cui nel php mi restituisce le informazioni sul file ($_FILES['image']['tmp_name']) quindi image

[br1]

In javascript l'ggetto di tipo file restituisce solo il nome del file stesso, non il suo contenuto, e' solo lato server che il contenuto diventa disponibile.

Oppure segui il consiglio precedente ed usa le potenzialità di HTML5