quel est le problème avec ma requête http en javascript?

Question

Je veux envoyer un message au serveur se compose de quelques sections différentes. L'objectif est d'envoyer des informations x-www-form-urlencoded avec une image. J'ai essayé faire de STH à similaire ceci: http://en.wikipedia.org/wiki/MIME#Multipart_messages

Ceci est ma fonction js de le faire:

function sendPage() { 
    var source = document.getElementById("pageContainer") 
    var serializer = new XMLSerializer 
    if (!source.hasChildNodes()) { 
     alert("nie ma nic do wysłania") 
     return 
    } 
    var DOMNodeInString = "content=" + escape(serializer.serializeToString(source)) 
    // sendToServer("savePage.php", true, handleAndShow, DOMNodeInString);return 
    xhttp.open("POST", "savePage.php", true) 
    var boundary = "xxx" 
    var body = "--" + boundary + "\r\n" 
    var file = document.getElementById("imgSource").files[0] 
    //wysyłam obrazek 
    if (file) { 
     var reader = new FileReader() 
     reader.readAsBinaryString(file) 
     body += "Content-Disposition: form-data; name='upload'; filename='" + file.name + "'\r\n" 
     body += "Content-Type: application/octet-stream\r\n\r\n" 
     body += reader.result + "\r\n" 
     body += "--" + boundary + "\r\n" 
    } 
    //wysyłam pozostałe pola formularza 
    body += "Content-Type: multipart/x-www-form-urlencoded \r\n\r\n" 
    body += DOMNodeInString 
    body += "\r\n--" + boundary + "--" 
    xhttp.setRequestHeader("Content-Type", "multipart/mixed; boundary=" + boundary) 
    xhttp.onreadystatechange = handleAndShow 
    alert(body) 
    xhttp.send(body) 
} 

cependant, la fonction ne fonctionne pas. Mon script php est incapable de recevoir $ _POST ["content"]. Que dois-je changer pour améliorer le script js?

Answer 1

Il n'est pas possible de télécharger un fichier à l'aide d'une requête XMLHttpRequest. Vous devrez utiliser Flash/Java ou créer un iframe caché et faire un envoi réel. Je suggère d'utiliser un plugin javascript pour "AJAX" file upload.

Answer 2

En dehors de réponse @tvanfosson, il vous manque une création de l'objet xhttp:

var xhttp = new XMLHttpRequest(); 

Utilisez tout débogueur pour voir que la JS fonctionne sans exceptions ...