Unable to download generated PDF when controller action is called from Ajax

Question

I am returning FilestreamResult from controller I tried both way jquery and ajax but cant succeed for download pdf/xlsx file from controller.

Controller:

    var filestream = new FileStream(pdfoutputpath + ".pdf", FileMode.Open);
                return new FileStreamResult(filestream, "application/pdf");

View code using jquery:

function downloadpdffile(id) {
                $(".popup-overlay, .popup-content").removeClass("active");
                var url = "/WorkInstructions/WorkinstructionDownload";
                $.get(url, { id: id, fileformat: 2 }, function () {

                });
            }

using ajax:

 function downloadpdffile(id) {
                $(".popup-overlay, .popup-content").removeClass("active");
                $.ajax({
                    url: "/WorkInstructions/WorkinstructionDownload",
                    cache: false,
                    type: "GET",
                    data: { id: id, fileformat: 2 },
                    contentType: 'application/json; charset=utf-8',
                    dataType: 'json',
                    success: function () {

                    }

                });

What happens if you change your ajax to `POST`? Also, how is your controller method decorated? `HttpGet, HttpPost`, etc. Does your controller method get hit when the call is made? Add the error callback to your ajax request and place something in the body of the success and error callback functions and see which one is hit, if the error is hit, you can get some information from the XHR object. — Ryan Wilson, Nov 16 '18 at 13:26
is it necessary to use ajax or you just want to download that pdf. or xls file? — Negi Rox, Nov 16 '18 at 13:30
If you need to receive a file via `ajax` I would refer to this SO post (https://stackoverflow.com/questions/4545311/download-a-file-by-jquery-ajax) — Ryan Wilson, Nov 16 '18 at 14:02

GregH · Answer 1 · 2018-11-16T13:36:31.550

0

Try putting this in your success function of your ajax call:

success: function(){
    window.location = '@Url.Action("WorkinstructionDownload", "WorkInstructions", new { id = id, fileformat = 2})';
}

although I don't think ajax is providing any value here unless I'm missing something. You could easily take the contents of that success function I posted above and put it outside of the ajax call altogether (and delete the ajax call). Or you could just simply do the following and remove the script altogether:

<a href="@Url.Action("WorkinstructionDownload", "WorkInstructions", new { id = id, fileformat = 2 })">Download Form</a>

edited Nov 16 '18 at 13:36

answered Nov 16 '18 at 13:31

GregH

5,125
8
55
109

well, apriciate your work but I tried it's not working. – Arun Solanki Nov 16 '18 at 14:50
I've put together use cases for both options I listed which do not use ajax and they are working. Can you provide more information as to what's going wrong? Are you receiving an error? I suspect you have an issue with your controller action if this isn't working. In that case, you'll need to post your entire controller action to your question – GregH Nov 16 '18 at 14:53
Now I found another solution and it's working,I customly creating ancor tag and calling from js and working as needed. – Arun Solanki Nov 17 '18 at 15:44

score 0 · Answer 2 · answered Nov 16 '18 at 13:34

you can use window.open function to achieve your task if there is no problem in your controller. I used same technique in my project.

var downloadURL='@Url.Action("WorkinstructionDownload", "WorkInstructions", new { id = id, fileformat = 2})'
window.open(downloadURL)

Unable to download generated PDF when controller action is called from Ajax

2 Answers2