如何在XMLHttpRequest後訪問來自目標URL的文件

Question

我試圖在使用HTML5和Java腳本在客戶端完成文件選擇後使用XMLHttpRequest POST將圖像文件上載並保存到服務器（使用一個html輸入元素）。

我的問題是，無法找到如何從服務器端實際獲取文件的保存並將其保存到服務器。

這是我的代碼：

    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); 

Answer 1

您可以檢索使用Request.InputStream文件，但不會工作，除非有你的XHR進入沒有其他數據。