檢索FileReader.result文件對象發送到服務器AJAX數據

Question

我的問題很簡單：

var picReader = new FileReader(); 
picReader.addEventListener("load",function(event){ 
    var picFile = event.target; 
    // I assign picFile.result to an <img>'s src attribute 
    <img class='thumbnail' src='" + picFile.result + "'/>"; 
} 
//Read the image 
picReader.readAsDataURL(file); 

後來，當我沒有獲得實際的FileReader，並有只<img> jQuery中，如何訪問我可以將這個圖像（img.src）作爲數據發送到服務器。服務器代碼位於ASP.NET MVC中，並且正在解釋控制器中的一個HttpPostedFileBase對象。

如果我在$.ajax中使用'img.src'作爲數據，它不會發送文件爲Request.File，它會在請求參數中追加數據。

背景

我試圖建立在一個div預覽多圖片上傳功能。用戶可以單擊按鈕以從div中刪除任何選定的圖像，但該圖像文件無法從文件列表（<input type=file>）中刪除，因爲Files對象是隻讀的。所以要得到最終的圖像列表，我必須依賴預覽div內的<img>標籤。用戶可能最初選擇了5張圖像，這意味着

event.target.files; // FileList對象包含5個文件對象

但看到預覽後，他只想上傳其中的3個。

Answer 1

您認爲這有幫助嗎？

How to send FormData objects with Ajax-requests in jQuery?

圖像以FORMDATA對象基本上轉換通過AJAX發送前？