javascript - How to change the browsers' pdf viewer through program (e.g. HTML, JS, PHP )? - Stack Overflow

admin管理员组

文章数量:1026444

Goal : A browser base pdf viewer that has zoom and drag/ pan function (better if allow hiding the save function) to replace the browser default one

Problem : all browser (exclude old IE) has their own build in pdf viewer, that without dragging/pan function

Currently this code use default pdf viewer:

<object id = 'zoomPage' type='application/pdf' data= '1.pdf'>
   <p>The PDF can not display
   </p>
</object>

Is it possible to force all browser (Chrome , FireFox , IE8+) using the adobe reader to open pdf file using javascript / jquery / html /php? Or are there any web base pdf viewer has the functions mentioned above?

Note:

For the first approach :

I found the way e.g. content-disposition : attachment

but it only change the behavior from viewing to download the pdf , not changing the preference in opening the pdf file

Goal : A browser base pdf viewer that has zoom and drag/ pan function (better if allow hiding the save function) to replace the browser default one

Problem : all browser (exclude old IE) has their own build in pdf viewer, that without dragging/pan function

Currently this code use default pdf viewer:

<object id = 'zoomPage' type='application/pdf' data= '1.pdf'>
   <p>The PDF can not display
   </p>
</object>

Is it possible to force all browser (Chrome , FireFox , IE8+) using the adobe reader to open pdf file using javascript / jquery / html /php? Or are there any web base pdf viewer has the functions mentioned above?

Note:

For the first approach :

I found the way e.g. content-disposition : attachment

but it only change the behavior from viewing to download the pdf , not changing the preference in opening the pdf file

• javascript
• jquery
• pdf
• cross-browser
• pdf-viewer

Share Improve this question Follow edited Jun 6, 2014 at 8:52 Dhwani 7,6261818 gold badges8181 silver badges143143 bronze badges asked Aug 21, 2013 at 7:34 user782104user782104 13.6k6060 gold badges178178 silver badges315315 bronze badges 3

• 1 Force (meaning on your own machine) or force meaning on anyone who views your PDF? On your own machine, change the file association for that mimetype to always open with Firefox and (annoyingly) you would likely lauch Firefox everytime one of your other browsers tries to open "application/pdf" files. on someone else's machine? Uh, I don't think so. I would never let JS execute on my machine at your whim and nor should anyone. – Kevin Brown Commented Aug 22, 2013 at 1:23
• 1 If you were able to remote select an external program my browser should use for your files, I would consider that a security hole. – mkl Commented Aug 25, 2013 at 22:02
• If I were to visit a site, and noticed it was using their own pdf viewer, or any piece of software I didn't install/agreed to use, I'd close the browser window, and blacklist that site... I'm requesting data, not software... I want what I requested, nothing more, nothing less – Elias Van Ootegem Commented Aug 27, 2013 at 12:07

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 7 +125

For approach 2: (Which I remend) Check out:

https://github./mozilla/pdf.js/

PDF.js is Portable Document Format (PDF) viewer that is built with HTML5.

PDF.js is munity-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs.

EDIT: For your speed needs, check the discussion on the other options here: Remended way to embed PDF in HTML? and see if the other options fit your requirements.

Approach 1 is inherently dicey due to security reasons

The only way you can force it client-side is by supplying the alternative...such as pdf.js, zoho, google pdf viewer, scribd, etc (there are many). I'm not sure if Adobe provides an in-browser pdf viewer like you're expecting.

The default pdf viewer is kept in a variable found in about:config that can only be changed by the user.

Is it possible to force all browser (Chrome , FireFox , IE8+) using the adobe reader to open pdf file using javascript / jquery / html /php?

You could try this by using an iframe pointing to the pdf file. The browser will automatically open the pdf file using a pdf reader software on client machine. Like this:

<iframe src="yourpdffile" style="width:100%;height:500px"></iframe>

you can't force something on the client for a security issue, but you can check with something like this. My previous sentence follows by the experience that I have on browsers and coding but maybe I can say something wrong.

1. You can control if there's Adobe Reader using javascript and a code that check if there is the Reader installed with a script like this (I've used these lines months ago and they work)

2. Try to use this plugin that maybe is for you pourpose (the first sentence link).

You can also use google docs viewer to achieve this functionality.

Just refer this link : https://docs.google./viewer

You can get the iframe url and put it in your site.

<iframe src="http://docs.google./viewer?url=http%3A%2F%2Fwww.yoursite.%2Fpdf%2Ftest.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe>

please note that the value of the url parameter in the src is url encoded.

Check out the JS Fiddle example here

Goal : A browser base pdf viewer that has zoom and drag/ pan function (better if allow hiding the save function) to replace the browser default one

Problem : all browser (exclude old IE) has their own build in pdf viewer, that without dragging/pan function

Currently this code use default pdf viewer:

<object id = 'zoomPage' type='application/pdf' data= '1.pdf'>
   <p>The PDF can not display
   </p>
</object>

Is it possible to force all browser (Chrome , FireFox , IE8+) using the adobe reader to open pdf file using javascript / jquery / html /php? Or are there any web base pdf viewer has the functions mentioned above?

Note:

For the first approach :

I found the way e.g. content-disposition : attachment

but it only change the behavior from viewing to download the pdf , not changing the preference in opening the pdf file

Goal : A browser base pdf viewer that has zoom and drag/ pan function (better if allow hiding the save function) to replace the browser default one

Problem : all browser (exclude old IE) has their own build in pdf viewer, that without dragging/pan function

Currently this code use default pdf viewer:

<object id = 'zoomPage' type='application/pdf' data= '1.pdf'>
   <p>The PDF can not display
   </p>
</object>

Is it possible to force all browser (Chrome , FireFox , IE8+) using the adobe reader to open pdf file using javascript / jquery / html /php? Or are there any web base pdf viewer has the functions mentioned above?

Note:

For the first approach :

I found the way e.g. content-disposition : attachment

but it only change the behavior from viewing to download the pdf , not changing the preference in opening the pdf file

• javascript
• jquery
• pdf
• cross-browser
• pdf-viewer

Share Improve this question Follow edited Jun 6, 2014 at 8:52 Dhwani 7,6261818 gold badges8181 silver badges143143 bronze badges asked Aug 21, 2013 at 7:34 user782104user782104 13.6k6060 gold badges178178 silver badges315315 bronze badges 3

• 1 Force (meaning on your own machine) or force meaning on anyone who views your PDF? On your own machine, change the file association for that mimetype to always open with Firefox and (annoyingly) you would likely lauch Firefox everytime one of your other browsers tries to open "application/pdf" files. on someone else's machine? Uh, I don't think so. I would never let JS execute on my machine at your whim and nor should anyone. – Kevin Brown Commented Aug 22, 2013 at 1:23
• 1 If you were able to remote select an external program my browser should use for your files, I would consider that a security hole. – mkl Commented Aug 25, 2013 at 22:02
• If I were to visit a site, and noticed it was using their own pdf viewer, or any piece of software I didn't install/agreed to use, I'd close the browser window, and blacklist that site... I'm requesting data, not software... I want what I requested, nothing more, nothing less – Elias Van Ootegem Commented Aug 27, 2013 at 12:07

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 7 +125

For approach 2: (Which I remend) Check out:

https://github./mozilla/pdf.js/

PDF.js is Portable Document Format (PDF) viewer that is built with HTML5.

PDF.js is munity-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs.

EDIT: For your speed needs, check the discussion on the other options here: Remended way to embed PDF in HTML? and see if the other options fit your requirements.

Approach 1 is inherently dicey due to security reasons

The only way you can force it client-side is by supplying the alternative...such as pdf.js, zoho, google pdf viewer, scribd, etc (there are many). I'm not sure if Adobe provides an in-browser pdf viewer like you're expecting.

The default pdf viewer is kept in a variable found in about:config that can only be changed by the user.

Is it possible to force all browser (Chrome , FireFox , IE8+) using the adobe reader to open pdf file using javascript / jquery / html /php?

You could try this by using an iframe pointing to the pdf file. The browser will automatically open the pdf file using a pdf reader software on client machine. Like this:

<iframe src="yourpdffile" style="width:100%;height:500px"></iframe>

you can't force something on the client for a security issue, but you can check with something like this. My previous sentence follows by the experience that I have on browsers and coding but maybe I can say something wrong.

1. You can control if there's Adobe Reader using javascript and a code that check if there is the Reader installed with a script like this (I've used these lines months ago and they work)

2. Try to use this plugin that maybe is for you pourpose (the first sentence link).

You can also use google docs viewer to achieve this functionality.

Just refer this link : https://docs.google./viewer

You can get the iframe url and put it in your site.

<iframe src="http://docs.google./viewer?url=http%3A%2F%2Fwww.yoursite.%2Fpdf%2Ftest.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe>

please note that the value of the url parameter in the src is url encoded.

Check out the JS Fiddle example here

本文标签：