Active5 years, 10 months ago

In the first article of this series, we covered the fundamentals of AJAX. In the second, we looked at a working example using vanilla JavaScript. In this tutorial, we’ll walk through a few of jQuery’s AJAX-related functions and methods. More specifically, we’ll take a closer look at the shorthand load method and the generic ajax function. Download and open PDF file using Ajax. The above source code is able to download a file using a JQuery Ajax request. Convert HTML + CSS to PDF with PHP?

This question already has an answer here:

How can I upload files asynchronously? 33 answers

I want to send a pdf file to server using ajax.But I couldn't find any examples or codes for

this problem.How can i get the solution?Please help me

asnaasna

1321 gold badge2 silver badges12 bronze badges

marked as duplicate by mithunsatheesh, hexacyanide, Pragnesh Chauhan, Ray Nicholus, Danubian SailorOct 25 '13 at 6:39

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

2 Answers

There is good tutorial http://www.phpletter.com/DOWNLOAD/

read and understand it will help you.

Anyways not my code but seems good way.

Deepak KumarDeepak Kumar

3741 gold badge3 silver badges10 bronze badges

You can use the javascript FormData() object to do this now. I believe it works in everything except IE9 and below.

And the javascript.

Charlie MartinCharlie Martin

6,5533 gold badges27 silver badges35 bronze badges

Not the answer you're looking for? Browse other questions tagged javascriptjqueryajaxpdf or ask your own question.

Active7 months ago

I have an action class that generates a PDF. The contentType is set appropriately.

I call this action through an Ajax call. I don't know the way to deliver this stream to browser. I tried a few things but nothing worked.

Alaska baixar driver hp officejet j3680 series. The above gives the error:

Your browser sent a request that this server could not understand.

Mike B.

5,53515 gold badges60 silver badges94 bronze badges

NaynNayn

1,6467 gold badges31 silver badges47 bronze badges

15 Answers

You don't necessarily need Ajax for this. Just an <a> link is enough if you set the content-disposition to attachment in the server side code. This way the parent page will just stay open, if that was your major concern (why would you unnecessarily have chosen Ajax for this otherwise?). Besides, there is no way to handle this nicely acynchronously. PDF is not character data. It's binary data. You can't do stuff like $(element).load(). You want to use completely new request for this. For that <a href='pdfservlet/filename.pdf'>pdf</a> is perfectly suitable.

To assist you more with the server side code, you'll need to tell more about the language used and post an excerpt of the code attempts.

BalusCBalusC

886k312 gold badges3256 silver badges3293 bronze badges

Here is how I got this working

Updated answer using download.js

Mayur PadshalaMayur Padshala

1,4722 gold badges12 silver badges19 bronze badges

I don't really think that any of the past answers spotted out the problem of the original poster. They all presume a GET request while the poster was trying to POST data and get a download in response.

In the course of searching for any better answer we found this jQuery Plugin for Requesting Ajax-like File Downloads.

In its 'heart' it creates a 'temporary' HTML form containing the given data as input fields. This form is appended to the document and posted to the desired URL. Right after that the form is removed again:

Update Mayur's answer looks pretty promising and very simple in comparison to the jQuery plug-in I referred to.

chiccodorochiccodoro

10.3k14 gold badges81 silver badges126 bronze badges

This is how i solve this issue.
The answer of Jonathan Amend on this post helped me a lot.
The example below is simplified.

For more details, the above source code is able to download a file using a JQuery Ajax request (GET, POST, PUT etc). It, also, helps to upload parameters as JSON and to change the content type to application/json (my default).

The html source:

A simple form with two input text, one select and a button element.

The javascript page source:

A simple event on button click. It creates an AjaxDownloadFile object. The AjaxDownloadFile class source is below.

The AjaxDownloadFile class source:

I created this class to added to my JS library. It is reusable. Hope that helps.

Community♦

George SiggouroglouGeorge Siggouroglou

8,5976 gold badges64 silver badges65 bronze badges

What worked for me is the following code, as the server function is retrieving File(memoryStream.GetBuffer(), 'application/pdf', 'fileName.pdf');:

ParParParPar

5,1877 gold badges36 silver badges50 bronze badges

You could use this plugin which creates a form, and submits it, then removes it from the page.

This worked for me. Found this plugin here

All of these stories are part of D&D. You and your friends may tell a story together, guiding your heroes through quests for treasure, battles with deadly foes, daring rescues, courtly intrigue, and much more. Timeline of editions and releases This timeline covers core rules releases only: please see the individual versions' RPG pages for lists of adventures, sourcebooks, accessories, and other supplements. You can also explore the many worlds of D&D through any of the hundreds of novels written by today's hottest fantasy authors, as well as engaging board games and immersive video games. The core of D&D is storytelling. Dungeons and dragons solo modules.

George Siggouroglou

8,5976 gold badges64 silver badges65 bronze badges

Ijas AmeenudeenIjas Ameenudeen

7,2473 gold badges31 silver badges48 bronze badges

To fix the blank PDF issue in post request to get stream data like PDF, we need to add response type as 'arraybuffer' or 'blob' in request

NinjaNinja

create a h

Ajax Jquery Php Tutorial Pdf