Question

123

How to open a file using JavaScript?

rated 0 times [ 124] [ 1] / answers: 1 / hits: 25163 / 15 Years ago, fri, april 17, 2009, 12:00:00

I have a servlet that write a pdf file as a ByteArrayOutputStream to the servlet's output stream.
If I open the servlet URL the browser opens the file.
But if occur an error on the servlet, the browser opens an empty pdf with an error message.
Sending an error through the ServletResponse the browser opens the default error page.

I want to send an error message without redirecting to an error page or opening an invalid pdf file.

I tried:

new Ajax.Request('/pdfservlet', {            

        onSuccess: function(response) {

            docWindow = window.open('','title');

            docWindow.document.open('application/pdf');

            docWindow.document.write(response);

            docWindow.document.close();

        },

        onFailure: function(response) {

            alert(response);

        }

    });

But, onSuccess opens a page with
[object object]

How can I open a PDF file using JavaScript?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

janayr

Add To Favorites

Follow

Total Points: 80

Total Questions: 80

Total Answers: 114

Location: Venezuela

Member since Sat, Aug 22, 2020

4 Years ago

janayr questions

1 NestJS - Increase response timeout for particular http endpoint

Thu, May 19, 22, 00:00, 2 Years ago

1 How to use Lazy query with React-query?

Wed, Dec 29, 21, 00:00, 2 Years ago

1 Discord JS - interactionCreate and messageCreate

Sun, Oct 31, 21, 00:00, 3 Years ago

1 How to change the hover effect for react-bootstrap navbar link?

Fri, Oct 30, 20, 00:00, 4 Years ago

1 Circling motion animation in React Native

Tue, Feb 4, 20, 00:00, 4 Years ago

View All

answered 15 Years ago nia · Accepted Answer

Note: I'm assuming you're using the Prototype framework from the Ajax.Request call.

The response object isn't meant to be written directly, it does however, have the responseText property which should contain the returned PDF.

Have you tried:

new Ajax.Request('/pdfservlet', {            

        onSuccess: function(response) {

            docWindow = window.open('','title');

            docWindow.document.open('application/pdf');

            document.write(response.responseText);

            docWindow.document.close();

        },

        onFailure: function(response) {

            alert(response);

        }

    });

(Notice the added .responseText)

Edit: Okay, so that didn't work... Try something like this:

new Ajax.Request('/pdfservlet', {            

        onSuccess: function(response) {

            window.open('/pdfservlet');

        },

        onFailure: function(response) {

            alert(response);

        }

    });

What this will do is create the ajax request, and if successful open it in a new window. Opening the new window should be fast and not actually require requesting the PDF again since the browser should have cached it during the Ajax.Request call.