Last active
August 29, 2015 13:57
-
-
Save falexandrou/9753871 to your computer and use it in GitHub Desktop.
Display PDF files inline
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* When browser supports inline pdfs | |
* There is no need to append a large jquery plugin that displays them inline. | |
* | |
* You can actually use an iframe (and style it appropriately) | |
* or a link whenever inline PDF viewing is not supported | |
* | |
* This function is fairly simple and it's only for demo purposes | |
*/ | |
function appendPdf(id, url) { | |
var $el = $('#'+id); | |
// Check whether the browser supports displaying pdf files inline (ie. without downloading them) | |
if (navigator && navigator.mimeTypes && navigator.mimeTypes['application/pdf']) { | |
// You may add extra attributes (eg. to allow transparency) or style the iframe | |
$el.html('<iframe src="'+url+'"></iframe>'); | |
} else { | |
$el.html('<a href="'+url+'">Download file</a>'); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment