[javascript] usare AJAX per caricare un immagine

[DesmoColo]

Salve.
Ho una pagina web con il seguente input

Codice PHP:

<input type="file" name="my_img" id="my_img" onclick='uploadPicture()'/> 


Per ragioni di compatibilità con Firefox non posso scrivere

Codice PHP:

<form action="#" id="nuovanewsletter" method="POST" enctype='multipart/form-data'>
<input type="file" name="my_img" id="my_img" onclick='uploadPicture()'/>
</form> 


se mettessi il form, AJAX mi darebbe errore (non so perché ma è appurato che è così. :-))
In javascript ho scritto il seguente codice:

Codice PHP:

function getNewsletterParameter(){
    var newsletter_img = document.getElementById("my_img").value;
    var imageToUpload = "allegato=" + newsletter_img;
    return imageToUpload;
} 


Codice PHP:

function uploadPicture(){
    createXMLHttpRequest();
    var url = "my_show_news.php";
    var queryString = getNewsletterParameter();
    alert("Query:"+queryString);
    xmlHttp.open("POST",url,true);
    xmlHttp.onreadystatechange = handleUploadChange;
    xmlHttp.setRequestHeader("Content-Type","multipart/form-data; charset=UTF-8");
    xmlHttp.send(queryString);
} 


Codice PHP:

function handleUploadChange(){
    if(xmlHttp.readyState == 4){
        
        if(xmlHttp.status == 200){
            var stampares = xmlHttp.responseText;
            alert(stampares);
        }
        else{
            alert("Errore durante l'esecuzione della richiesta. xmlHttp.status = " +xmlHttp.status);
        }
    }
} 


in show_news.php dovrei fare

Codice PHP:

$img = $_FILE['my_img'] 


ma l'array risulta vuoto.
Come posso fare?