如何在新选项卡中打开来自 Response MemoryStream 的 PDF

Question

I'm not sure if is the good way to do that. I want to show a PDF in a new browser tab.

I have a method who generate a MemoryStream and return to my ajax call. What is the good way procedure to do that?

my Ajax Call:

$("#selector").click(function () {
    urlToFunction = "/Controller/Function";
    $.ajax({
        url: urlToFunction,
        data: ({ id: 12345 }),
        type: 'GET',
        success: function (response) {
           ???? here
        },
        error:
            function (response) {
            }
    });   
});

[HttpGet]
        public async Task Print(int? id)
        {

            var ms = GETMemoryStreamPDF();

            Response.ContentType = "application/pdf; charset=utf-8";
            Response.Headers.Add("content-disposition", "attachment;filename=" + randomName + ".pdf;charset=utf-8'");            
            await Response.Body.WriteAsync(ms.GetBuffer(), 0, ms.GetBuffer().Length);            
        }

My question is here:

success: function (response) {
           ???? here
        },

what is the good practice to display my PDF in a new tab?

Answer 1

You could try the following code:

Javascript

$("#selector").click(function (e) {
    e.preventDefault();
    window.open('@Url.Action("ActionName", "ControllerName", new { id=12345})', '_blank');

});

Controller

    [HttpGet]
    public IActionResult Pdf(int? id)
    {
        MemoryStream memoryStream = new MemoryStream();

        PdfWriter pdfWriter = new PdfWriter(memoryStream);

        PdfDocument pdfDocument = new PdfDocument(pdfWriter);

        Document document = new Document(pdfDocument);
        document.Add(new Paragraph("Welcome"));
        document.Close();

        byte[] file = memoryStream.ToArray();
        MemoryStream ms = new MemoryStream();
        ms.Write(file, 0, file.Length);
        ms.Position = 0;

        return File(fileStream: ms, contentType: "application/pdf", fileDownloadName: "test_file_name" + ".pdf");
    }