HTML embedded PDF iframe

Question

I have used the  tag to embed a pdf file     lt iframe id  iframepdf  src  files example pdf  gt  lt  iframe gt    This works fine in Chrome  IE8   Firefox etc  but for some reason  when some people are viewing it in IE8  the files are downloading instead of embedding  I know this browser is outdated but it is the standard browser within my office and as such  the website has to be designed for this    Does anyone have any ideas on why this is happening  how I can fix it or else put an error message instead of letting the files download

User · Answer

If the browser has a pdf plugin installed it executes the object  if not it uses Google s PDF Viewer to display it as plain HTML    lt object data  your url to pdf  type  application pdf  gt       lt iframe src  https   docs google com viewer url your url to pdf amp embedded true  gt  lt  iframe gt   lt  object gt

User · Answer

It s downloaded probably because there is not Adobe Reader plug-in installed  In this case  IE  it doesn t matter which version  doesn t know how to render it  and it ll simply download the file  Chrome  for example  has its own embedded PDF renderer   That said   lt iframe gt  is not best way to display a PDF  do not forget compatibility with mobile browsers  for example Safari   Some browsers will always open that file inside an external application  or in another browser window   Best and most compatible way I found is a little bit tricky but works on all browsers I tried  even pretty outdated   Keep your  lt iframe gt  but do not display a PDF inside it  it ll be filled with an HTML page that consists of an  lt object gt  tag  Create an HTML wrapping page for your PDF  it should look like this   lt html gt   lt body gt       lt object data  quot your url to pdf quot  type  quot application pdf quot  gt           lt embed src  quot your url to pdf quot  type  quot application pdf quot    gt       lt  object gt   lt  body gt   lt  html gt   Of course  you still need the appropriate plug-in installed in the browser  Also  look at this post if you need to support Safari on mobile devices  1st  Why nesting  lt embed gt  inside  lt object gt   You ll find the answer here on SO  Instead of a nested  lt embed gt  tag  you may  should   provide a custom message for your users  or a built-in viewer  see next paragraph   Nowadays   lt object gt  can be used without worries  and  lt embed gt  is useless  2nd  Why an HTML page  So you can provide a fallback if PDF viewer isn t supported  Internal viewer  plain HTML error messages options  and so on    It s tricky to check PDF support so that you may provide an alternate viewer for your customers  take a look at PDF JS project  it s pretty good but rendering quality - for desktop browsers - isn t as good as a native PDF renderer  I didn t see any difference in mobile browsers because of screen size  I suppose

User · Answer

Try this out    x000D   x000D   lt iframe src  https   docs google com viewerng viewer url http   infolab stanford edu pub papers google pdf amp embedded true  frameborder  0  height  100   width  100   gt  x000D   lt  iframe gt  x000D   x000D   x000D

User · Answer

Iframe   lt iframe id  fred  style  border 1px solid  666CCC  title  PDF in an i-Frame  src  PDFData pdf  frameborder  1  scrolling  auto  height  1100  width  850   gt  lt  iframe gt    Object   lt object data  your url to pdf  type  application pdf  gt     lt embed src  your url to pdf  type  application pdf    gt   lt  object gt

[html] HTML embedded PDF iframe

Examples related to html

Examples related to pdf

Examples related to iframe

Examples related to internet-explorer-8