Самый простой способ загрузить файл с существующим путем из jquery?

Question

Я просмотрел дюжину страниц с вопросом «Как загрузить файл из jQuery», но до сих пор не нашел простого решения.

У меня есть JQuery с AJAX внутри:

$.ajax({ 
    url: "/Home/SaveQBMatter", 
    type: "POST", 
    data: JSON.stringify({ 'Matters': result, 'originalRecords': originalRecords, 'originalHours': originalHours, 'excludedHours': excludedHours, 'totalHours': totalHours }), 
    dataType: "json", 
    traditional: true, 
    contentType: "application/json; charset=utf-8", 
    success: function (data) { 
      if (data.status == "Success") { 
       var DownloadableFile = data.message; 

       //HERE I NEED TO DOWNLOAD FILE 

       alert("Success! You will be redirect to the Home Page."); 
       var url = '@Url.Action("Index", "Home")'; 
       window.location.href = url; 
      } else { 
       alert("Error occurs on the Database level!"); 
      } 
    }, 
    error: function() { 
      alert("An error has occured!!!"); 
    } 
}); 

Вот в data.message я получаю назад от действий SaveQBMatter ПОЛНЫЙ путь к файлу

Что мне нужно просто позволить моему пользователю загрузить этот файл, прежде чем перенаправление. Любая помощь, пожалуйста?

Примечание: Я использую ASP.NET MVC, если эта информация необходима

Answer 1

Попробуйте использовать этот плагин для загрузки файла: http://johnculviner.com/jquery-file-download-plugin-for-ajax-like-feature-rich-file-downloads/

Answer 2

Вы можете сделать что-то вроде этого, после успешной ajax call, do location.href = data.message; который, как вы сказали, data.message - это полный путь к файлу. При этом он должен загрузить файл без перенаправления браузера. Также, когда вы загружаете файл, убедитесь, что у вас есть команда force-download.

Вы можете увидеть больше о принуждать скачать здесь: http://www.symkat.com/force-download-with-http-headers

Затем сделать SetTimeout из позволяет говорить от 1 до 2 секунд, вы можете настроить тайминги, как вам нравится, чтобы загрузка инициализации и перенаправления. Так что ваш код будет выглядеть следующим образом:

$.ajax({ 
    url: "/Home/SaveQBMatter", 
    type: "POST", 
    data: JSON.stringify({ 'Matters': result, 'originalRecords': originalRecords, 'originalHours': originalHours, 'excludedHours': excludedHours, 'totalHours': totalHours }), 
    dataType: "json", 
    traditional: true, 
    contentType: "application/json; charset=utf-8", 
    success: function (data) { 
      if (data.status == "Success") { 
       var DownloadableFile = data.message; 

       location.href = DownloadableFile; 

       setTimeout(function() {  
        alert("Success! You will be redirect to the Home Page."); 
        var url = '@Url.Action("Index", "Home")'; 
        window.location.href = url; 
       }, 1000); 
      } else { 
       alert("Error occurs on the Database level!"); 
      } 
    }, 
    error: function() { 
      alert("An error has occured!!!"); 
    } 
}); 

Answer 3

Попробуйте открыть URL в новом окне, если не заблокирован браузер пользователей:

if (data.status == "Success") { 
    window.open(data.message, "_blank") 

Если у Вас возникли проблемы с открытием файла, вместо загрузки , вы можете попробовать отправить заголовок распоряжения контента из ASP, как:

Content-Disposition: attachment; filename="filename.extension"