h5 的PDF查看

下面的#smallshade为你要讲PDF展示的div

var options = {height: "100%",pdfOpenParams: {view: 'FitV', page: '0' },name:"mans",fallbackLink: "<p>您的浏览器暂不支持此pdf，请下载最新的浏览器</p>"};PDFObject.embed(link, "#smallshade",options);

显示为

如果隐藏上面的上传打印功能

 var options = {height: "100%",pdfOpenParams: {view: 'FitV', page: '0' ,scrollbars: '0', toolbar: '0', statusbar: '0'},name:"mans",fallbackLink: "<p>您的浏览器暂不支持此pdf，请下载最新的浏览器</p>"};PDFObject.embed(link, "#smallshade",options);

在pdfOpenParams属性中加入 ,scrollbars: '0', toolbar: '0', statusbar: '0'三个参数

下面为 PDF.js

/*** Created by super on 2016/12/8.*/
/*global ActiveXObject, window, console, define, module, jQuery */
//jshint unused:false, strict: false/*PDFObject v2.0.201604172https://github.com/pipwerks/PDFObjectCopyright (c) 2008-2016 Philip HutchisonMIT-style license: http://pipwerks.mit-license.org/UMD module pattern from https://github.com/umdjs/umd/blob/master/templates/returnExports.js*/(function (root, factory) {if (typeof define === 'function' && define.amd) {// AMD. Register as an anonymous module.define([], factory);} else if (typeof module === 'object' && module.exports) {// Node. Does not work with strict CommonJS, but// only CommonJS-like environments that support module.exports,// like Node.module.exports = factory();} else {// Browser globals (root is window)root.PDFObject = factory();}
}(this, function () {"use strict";//jshint unused:true//PDFObject is designed for client-side (browsers), not server-side (node)//Will choke on undefined navigator and window vars when run on server//Return boolean false and exit function when running server-sideif(typeof window === "undefined" || typeof navigator === "undefined"){ return false; }var pdfobjectversion = "2.0.201604172",supportsPDFs,//declare functionscreateAXO,isIE,supportsPdfMimeType = (typeof navigator.mimeTypes['application/pdf'] !== "undefined"),supportsPdfActiveX,buildFragmentString,log,embedError,embed,getTargetElement,generatePDFJSiframe,isIOS = (function (){ return (/iphone|ipad|ipod/i.test(navigator.userAgent.toLowerCase())); })(),generateEmbedElement;/* ----------------------------------------------------Supporting functions---------------------------------------------------- */createAXO = function (type){var ax;try {ax = new ActiveXObject(type);} catch (e) {ax = null; //ensure ax remains null}return ax;};//IE11 still uses ActiveX for Adobe Reader, but IE 11 doesn't expose//window.ActiveXObject the same way previous versions of IE did//window.ActiveXObject will evaluate to false in IE 11, but "ActiveXObject" in window evaluates to true//so check the first one for older IE, and the second for IE11//FWIW, MS Edge (replacing IE11) does not support ActiveX at all, both will evaluate false//Constructed as a method (not a prop) to avoid unneccesarry overhead -- will only be evaluated if neededisIE = function (){ return !!(window.ActiveXObject || "ActiveXObject" in window); };//If either ActiveX support for "AcroPDF.PDF" or "PDF.PdfCtrl" are found, return true//Constructed as a method (not a prop) to avoid unneccesarry overhead -- will only be evaluated if neededsupportsPdfActiveX = function (){ return !!(createAXO("AcroPDF.PDF") || createAXO("PDF.PdfCtrl")); };//Determines whether PDF support is availablesupportsPDFs = (supportsPdfMimeType || (isIE() && supportsPdfActiveX()));//Create a fragment identifier for using PDF Open parameters when embedding PDFbuildFragmentString = function(pdfParams){var string = "",prop;if(pdfParams){for (prop in pdfParams) {if (pdfParams.hasOwnProperty(prop)) {string += encodeURIComponent(prop) + "=" + encodeURIComponent(pdfParams[prop]) + "&";}}//The string will be empty if no PDF Params foundif(string){string = "#" + string;//Remove last ampersandstring = string.slice(0, string.length - 1);}}return string;};log = function (msg){if(typeof console !== "undefined" && console.log){console.log("[PDFObject] " + msg);}};embedError = function (msg){log(msg);return false;};getTargetElement = function (targetSelector){//Default to body for full-browser PDFvar targetNode = document.body;//If a targetSelector is specified, check to see whether//it's passing a selector, jQuery object, or an HTML elementif(typeof targetSelector === "string"){//Is CSS selectortargetNode = document.querySelector(targetSelector);} else if (typeof jQuery !== "undefined" && targetSelector instanceof jQuery && targetSelector.length) {//Is jQuery element. Extract HTML nodetargetNode = targetSelector.get(0);} else if (typeof targetSelector.nodeType !== "undefined" && targetSelector.nodeType === 1){//Is HTML elementtargetNode = targetSelector;}return targetNode;};generatePDFJSiframe = function (targetNode, url, pdfOpenFragment, PDFJS_URL, id){var fullURL = PDFJS_URL + "?file=" + encodeURIComponent(url) + pdfOpenFragment;var scrollfix = (isIOS) ? "-webkit-overflow-scrolling: touch; overflow-y: scroll; " : "overflow: hidden; ";var iframe = "<div style='" + scrollfix + "position: absolute; top: 0; right: 0; bottom: 0; left: 0;'><iframe  " + id + " src='" + fullURL + "' style='border: none; width: 100%; height: 100%;' frameborder='0'></iframe></div>";targetNode.className += " pdfobject-container";targetNode.style.position = "relative";targetNode.style.overflow = "auto";targetNode.innerHTML = iframe;return targetNode.getElementsByTagName("iframe")[0];};generateEmbedElement = function (targetNode, targetSelector, url, pdfOpenFragment, width, height, id){var style = "";if(targetSelector && targetSelector !== document.body){style = "width: " + width + "; height: " + height + ";";} else {style = "position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;";}targetNode.className += " pdfobject-container";targetNode.innerHTML = "<embed " + id + " class='pdfobject' src='" + url + pdfOpenFragment + "' type='application/pdf' style='overflow: auto; " + style + "'/>";return targetNode.getElementsByTagName("embed")[0];};embed = function(url, targetSelector, options){//Ensure URL is available. If not, exit now.if(typeof url !== "string"){ return embedError("URL is not valid"); }//If targetSelector is not defined, convert to booleantargetSelector = (typeof targetSelector !== "undefined") ? targetSelector : false;//Ensure options object is not undefined -- enables easier error checking belowoptions = (typeof options !== "undefined") ? options : {};//Get passed options, or set reasonable defaultsvar id = (options.id && typeof options.id === "string") ? "id='" + options.id + "'" : "",page = (options.page) ? options.page : false,pdfOpenParams = (options.pdfOpenParams) ? options.pdfOpenParams : {},fallbackLink = (typeof options.fallbackLink !== "undefined") ? options.fallbackLink : true,width = (options.width) ? options.width : "100%",height = (options.height) ? options.height : "100%",forcePDFJS = (typeof options.forcePDFJS === "boolean") ? options.forcePDFJS : false,PDFJS_URL = (options.PDFJS_URL) ? options.PDFJS_URL : false,targetNode = getTargetElement(targetSelector),fallbackHTML = "",pdfOpenFragment = "",fallbackHTML_default = "<p>This browser does not support inline PDFs. Please download the PDF to view it: <a href='[url]'>Download PDF</a></p>";//If target element is specified but is not valid, exit without doing anythingif(!targetNode){ return embedError("Target element cannot be determined"); }//page option overrides pdfOpenParams, if foundif(page){pdfOpenParams.page = page;}//Stringify optional Adobe params for opening document (as fragment identifier)pdfOpenFragment = buildFragmentString(pdfOpenParams);//Do the danceif(forcePDFJS && PDFJS_URL){return generatePDFJSiframe(targetNode, url, pdfOpenFragment, PDFJS_URL, id);} else if(supportsPDFs){return generateEmbedElement(targetNode, targetSelector, url, pdfOpenFragment, width, height, id);} else {if(PDFJS_URL){return generatePDFJSiframe(targetNode, url, pdfOpenFragment, PDFJS_URL, id);} else if(fallbackLink){fallbackHTML = (typeof fallbackLink === "string") ? fallbackLink : fallbackHTML_default;targetNode.innerHTML = fallbackHTML.replace(/\[url\]/g, url);}return embedError("This browser does not support embedded PDFs");}};return {embed: function (a,b,c){ return embed(a,b,c); },pdfobjectversion: (function () { return pdfobjectversion; })(),supportsPDFs: (function (){ return supportsPDFs; })()};}));

h5 的PDF查看相关推荐

Aurelia历险记：创建自定义PDF查看器
本文由Vildan Softic进行同行评审. 感谢所有SitePoint的同行评审人员使SitePoint内容达到最佳状态! 在Web应用程序中处理PDF文件一直很麻烦. 如果幸运的话,您的用户只需 ...
H5 下载PDF文件
h5 下载pdf 文件请看代码: fetch(url).then(res => {* 响应一个promise 对象// 此处响应体的是一个 [ReadableStream]console.lo ...
HTML PDF 查看器--RAD PDF 3.33 FOR ASP.NET
RAD PDF 的主要特点基于 HTML 的 PDF 阅读器客户端 PDF 编辑器功能丰富的 PDF 表单填写器交互式 PDF 表单设计器保护 PDF 内容签署和认证 PDF 文件广泛的 ...
WPViewPDF Delphi 和 .NET 的 PDF 查看组件
WPViewPDF Delphi 和 .NET 的 PDF 查看组件 wpViewPDF 允许您查看可以从内存.文件或流中加载的 PDF 数据.wpViewPDF 已被开发为 Windows 类,使其 ...
WPViewPDF Crack,Delphi 和 .NET 的PDF 查看组件
WPViewPDF Crack,Delphi 和 .NET 的PDF 查看组件 wpViewPDF 允许您查看可以从内存.文件或流加载的 PDF 数据.wpViewPDF 已被开发为 Windows ...
PDF查看控件Spire.PDFViewer for .NET
Spire.PDFViewer for .NET是一款功能强大的PDF查看控件.它是由e-iceblue公司在2012年新推出的一款产品.它允许开发者从本地文件夹(File),stream和byte ...
PDF控件PDFToolkit VCL V5.0.0.612发布 | 修复了PDF查看器和打印机
2019独角兽企业重金招聘Python工程师标准>>> PDFtoolkit VCL 5.0.0.612 更新修复以下问题: PDF查看器查看器冻结加载特定的PDF文件时查看器冻 ...
使用latex投稿时,tex文件不能生成pdf查看的问题解决方案
使用latex的tex文件提交论文,最后需要进行pdf查看的时候,但pdf无法生成.特将遇到的问题以及解决方案给出,以供参考. 问题一: 提示缺少"aastex.cls"文件解决 ...
Texmaker中PDF查看器的设置经验
这个问题很简单,不过有时候记不清,所以特意总结一下. Texmaker是一个不错的LaTeX编辑器,在我的推荐下现在实验室的小伙伴们都在用.但是我注意到很多人用的时候有个问题,Texmaker的PDF ...

h5 的PDF查看

h5 的PDF查看相关推荐

最新文章

热门文章