從ajax和ActionResult下載文件

Question

我想用ajax和ActionResult在瀏覽器上下載文件。該文件被下載並從我的ActionResult返回。

我看到Http查詢沒問題，看到響應正文中的數據。問題是該文件不建議保存在瀏覽器中。

一切似乎都不錯。我在教程和論壇中看到的所有內容都和我所做的一樣，但是我不會說XD。我不明白我和其他人有什麼不同。

這裏是我的ActionResult：

public ActionResult ShippingDownloadDNPriority(string SALE_GUID) 
{ 
    int supId = -1; 
    int.TryParse(Session["SupId"].ToString(), out supId); 
    if (supId < 0) 
     return null; 

    WebResponse response = CallApi.DownloadAndCreateDN(Session["UserLogin"].ToString(), Session["IdentConnect"].ToString(), SALE_GUID, supId, true); 
    Stream responseStream = response.GetResponseStream(); 

    var cd = new System.Net.Mime.ContentDisposition 
    { 
     FileName = "myfile.pdf", 
     Inline = false, 
    }; 
    Response.Headers.Add("Content-Disposition", cd.ToString()); 
    Response.ContentType = "application/octet-stream"; 
    return File(responseStream, System.Net.Mime.MediaTypeNames.Application.Pdf, "myfile.pdf"); 
} 

public static WebResponse DownloadAndCreateDN(string login, string session, string SALE_GUID, int supid, bool priority) 
{ 
    string[] res = new string[2]; 

    StringBuilder postData = new StringBuilder(); 
    postData.AppendLine("{"); 
    postData.AppendLine(string.Format("\"login\":\"{0}\",", login)); 
    postData.AppendLine(string.Format("\"session\":\"{0}\",", session)); 
    postData.AppendLine(string.Format("\"saleguid\":\"{0}\",", SALE_GUID)); 
    postData.AppendLine(string.Format("\"supid\":{0},", supid)); 
    postData.AppendLine(string.Format("\"prority\":{0}", priority.ToString().ToLower())); 
    postData.AppendLine("}"); 

    ASCIIEncoding ascii = new ASCIIEncoding(); 
    byte[] postBytes = ascii.GetBytes(postData.ToString()); 

    string url = Properties.Settings.Default.ISAPIAddress + "deliverynote/create"; 

    HttpWebRequest request = (HttpWebRequest)WebRequest.Create(url); 
    request.Method = "POST"; 
    request.ContentType = "application/json"; 
    request.ContentLength = postBytes.Length; 

    Stream postStream = request.GetRequestStream(); 
    postStream.Write(postBytes, 0, postBytes.Length); 
    postStream.Flush(); 
    postStream.Close(); 

    return request.GetResponse(); 
} 

這裏是我的javascript：

$.ajax({ 
    url: '../Shipping/ShippingDownloadDNPriority?SALE_GUID=XXXXXXXXXXXXXX', 
    data: { SALE_GUID: DropShipping.GetRowKey(rowIndexSale) }, 
    async: false, 
    //success: function (data) { window.downloadFile = data; } 
}); 

感謝所有

Answer 1

我改變了主意。我只是發送我的pdf（從我的控制器）在64基地，並在阿賈克斯：

success: function (data) { 
    window.open("data:application/pdf;base64," + data.data, '_blank'); 
} 

Answer 2

AJAX只是一個瘦客戶機。默認情況下返回的響應沒有任何反應。您有責任使下載發生。但是，這需要HTML5中的File API。因此，這隻適用於現代瀏覽器（IE10 +）。

內，您的AJAX成功方法：

var blob = new Blob(data, { type: 'application/pdf' }); 
var a = document.createElement('a'); 
var url = window.URL.createObjectURL(blob); 
a.href = url; 
a.download = 'myfile.pdf'; 
a.click(); 
window.URL.revokeObjectURL(url); 

編輯

jQuery的不解釋響應默認輸入正確。你需要稍微修改您的$就電話：

$.ajax({ 
    url: '../Shipping/ShippingDownloadDNPriority?SALE_GUID=XXXXXXXXXXXXXX', 
    data: { SALE_GUID: DropShipping.GetRowKey(rowIndexSale) }, 
    async: false, 
    // -- ADD THIS -- 
    xhrFields: { 
     responseType: 'blob' 
    }, 
    success: function (data) { 
     // code above here, but no longer need to create blob 
     var a = document.createElement('a'); 
     var url = window.URL.createObjectURL(data); 
     a.href = url; 
     a.download = 'myfile.pdf'; 
     a.click(); 
     window.URL.revokeObjectURL(url); 
    } 
}); 

您可以check out a CodePen here看到它的工作。