2011-02-07 52 views
1

我需要上载并将图像保存到服务器上。我使用XMLHttpRequest POST将图像发送到服务器并调用名为imageSave.aspx的类。 我发现很难从服务器端捕获图像(imageSave.aspx)并将其保存到服务器上。 有没有人请提供一些关于如何完成的提示,或者可能链接到一篇好文章或其他内容?XMLHttpRequest POST

代码用于执行HTTP POST ....

xhr = new XMLHttpRequest(); 

       // Update progress bar etc 
       xhr.upload.addEventListener("progress", function(evt) { 
    if (evt.lengthComputable) { 
    progressBar.style.width = (evt.loaded/evt.total) * 100 + "%"; 
    } 
    else { 
    // No data to calculate on 
    } 
    }, false); 

    // File uploaded 
    xhr.addEventListener("load", function() { 
    progressBarContainer.className += " uploaded"; 
    progressBar.innerHTML = "Uploaded!"; 
    }, false); 

    xhr.open("post", "imageSave.aspx", true); 

    // Set appropriate headers 
       xhr.setRequestHeader("Content-Type", "multipart/form-data"); 
     xhr.setRequestHeader("X-File-Name", file.fileName); 
     xhr.setRequestHeader("X-File-Size", file.fileSize); 
     xhr.setRequestHeader("X-File-Type", file.type); 

     // Send the file 
     xhr.send(file); 

非常感谢, JP

+0

能否请你添加一些代码来显示到目前为止,你做了什么? – 2011-02-07 14:24:28

+0

这是我用来执行HTTP POST的代码... – 2011-02-07 14:30:22

回答