浏览器预览word、excel、pdf的方式

1、mammoth.browserjs(word.docx)
var url = url;var xhr = new XMLHttpRequest ();xhr. open("get ", url,true);xhr.responseType = "blob";//添加请求头//获取cookie里的 tokenxhr.setRequestHeader (" access-token", getCookie('access-t oken'));xhr. onl oad = function ( {if (this.st atus == 200){var blob = this.response;//流读取readFileInputEventAsArrayBuffer (blob);$('#wordJS').show();}};xhr.send();function displayResult (result) {//读取后的blob 转换赋值为htmllet html = result. value ;let newHTML = html.replace(/ /g, ' ').replace('

', '

').replace( //g,'').replace(//g, '').replace( //g, '').replace(//g, '
');document.getElementById("wordoutput " ) .innerHTML = newHTML;}function readFileInputEventAsArrayBuffer (excelBlob) {var reader = new FileReader(:reader. onl oad = function (loadEvent) {var arrayBuffer = loadEvent. target. result;try{//进行读取mamoth. convertToHtml({ arrayBuffer: arrayBuffer } ).then (displayResult).done();}catch(err) {console.log('格式错误!');}reader. readAsArr ayBuffer (excelB1ob) ;}
2、xlsx.full.min.js(excel.xlsx)
//url文件地址var url = url;var xhr = new XMLHttpRequest();xhr.open("get", url, true);xhr.responseType = "blob";//添加请求头xhr.setRequestHeader("access-token", getCookie('access-token'));xhr.onload = function () {if (this.status == 200) {var blob = this.response;readFileInputEventAsArrayBuffer(blob);}};xhr.send();function readFileInputEventAsArrayBuffer(file){const reader = new FileReader();reader.readAsBinaryString(file);reader.onload = (e) => {const data = https://www.itzhengshu.com/pdf/e.target.result;const zzexcel = window.XLSX.read(data, { type:'binary'});const result = [];for (let i = 0; i < zzexcel.SheetNames.length; i) {const newData = https://www.itzhengshu.com/pdf/window.XLSX.utils.sheet_to_json(zzexcel.Sheets[zzexcel.SheetNames[i]]);result.push(...newData)}//将数据存起来,将excel读取为数组dataExcel = result;}}
3、pdfObject.js(embed)
!function(root, factory) {"function" == typeof define && define.amd ? define([], factory) : "object" == typeof module && module.exports ? module.exports = factory() : root.PDFObject = factory()}(this, function() {"use strict";if ("undefined" == typeof window || void 0 === window.navigator || void 0 === window.navigator.userAgent || void 0 === window.navigator.mimeTypes)return !1;let nav = window.navigator, ua = window.navigator.userAgent, isIE = "ActiveXObject"in window, isModernBrowser = void 0 !== window.Promise, supportsPdfMimeType = void 0 !== nav.mimeTypes["application/pdf"], isMobileDevice = void 0 !== nav.platform && "MacIntel" === nav.platform && void 0 !== nav.maxTouchPoints && nav.maxTouchPoints > 1 || /Mobi|Tablet|Android|iPad|iPhone/.test(ua), isSafariDesktop = !isMobileDevice && void 0 !== nav.vendor && /Apple/.test(nav.vendor) && /Safari/.test(ua), isFirefoxWithPDFJS = !!(!isMobileDevice && /irefox/.test(ua) && ua.split("rv:").length > 1) && parseInt(ua.split("rv:")[1].split(".")[0], 10) > 18, createAXO = function(type) {var ax;try {ax = new ActiveXObject(type)} catch (e) {ax = null}return ax}, supportsPDFs = !isMobileDevice && (isModernBrowser || isFirefoxWithPDFJS || supportsPdfMimeType || isIE && !(!createAXO("AcroPDF.PDF") && !createAXO("PDF.PdfCtrl"))), embedError = function(msg, suppressConsole) {return suppressConsole || console.log("[PDFObject] "msg),!1}, emptyNodeContents = function(node) {for (; node.firstChild; )node.removeChild(node.firstChild)}, generatePDFJSMarkup = function(targetNode, url, pdfOpenFragment, PDFJS_URL, id, title, omitInlineStyles) {emptyNodeContents(targetNode);let fullURL = PDFJS_URL"?file="encodeURIComponent(url)pdfOpenFragment, div = document.createElement("div"), iframe = document.createElement("iframe");return iframe.src = https://www.itzhengshu.com/pdf/fullURL,iframe.className ="pdfobject",iframe.type = "application/pdf",iframe.frameborder = "0",iframe.allow = "fullscreen",iframe.title = title,id && (iframe.id = id),omitInlineStyles || (div.style.cssText = "position: absolute; top: 0; right: 0; bottom: 0; left: 0;",iframe.style.cssText = "border: none; width: 100%; height: 100%;",targetNode.style.position = "relative",targetNode.style.overflow = "auto"),div.appendChild(iframe),targetNode.appendChild(div),targetNode.classList.add("pdfobject-container"),targetNode.getElementsByTagName("iframe")[0]}, embed = function(url, targetSelector, options) {let selector = targetSelector || !1, opt = options || {}, id = "string" == typeof opt.id ? opt.id : "", page = opt.page || !1, pdfOpenParams = opt.pdfOpenParams || {}, fallbackLink = opt.fallbackLink || !0, width = opt.width || "100%", height = opt.height || "100%", title = opt.title || "Embedded PDF", assumptionMode = "boolean" != typeof opt.assumptionMode || opt.assumptionMode, forcePDFJS = "boolean" == typeof opt.forcePDFJS && opt.forcePDFJS, supportRedirect = "boolean" == typeof opt.supportRedirect && opt.supportRedirect, omitInlineStyles = "boolean" == typeof opt.omitInlineStyles && opt.omitInlineStyles, suppressConsole = "boolean" == typeof opt.suppressConsole && opt.suppressConsole, forceIframe = "boolean" == typeof opt.forceIframe && opt.forceIframe, PDFJS_URL = opt.PDFJS_URL || !1, targetNode = function(targetSelector) {let targetNode = document.body;return "string" == typeof targetSelector ? targetNode = document.querySelector(targetSelector) : void 0 !== window.jQuery && targetSelector instanceof jQuery && targetSelector.length ? targetNode = targetSelector.get(0) : void 0 !== targetSelector.nodeType && 1 === targetSelector.nodeType && (targetNode = targetSelector),targetNode}(selector), fallbackHTML = "", pdfOpenFragment = "";if ("string" != typeof url)return embedError("URL is not valid", suppressConsole);if (!targetNode)return embedError("Target element cannot be determined", suppressConsole);if (page && (pdfOpenParams.page = page),pdfOpenFragment = function(pdfParams) {let prop, string = "";if (pdfParams) {for (prop in pdfParams)pdfParams.hasOwnProperty(prop) && (string= encodeURIComponent(prop)"="encodeURIComponent(pdfParams[prop])"&");string && (string = (string = "#"string).slice(0, string.length - 1))}return string}(pdfOpenParams),forcePDFJS && PDFJS_URL)return generatePDFJSMarkup(targetNode, url, pdfOpenFragment, PDFJS_URL, id, title, omitInlineStyles);if (supportsPDFs || assumptionMode && !isMobileDevice) {return function(embedType, targetNode, targetSelector, url, pdfOpenFragment, width, height, id, title, omitInlineStyles) {emptyNodeContents(targetNode);let embed = document.createElement(embedType);if (embed.src = https://www.itzhengshu.com/pdf/urlpdfOpenFragment,embed.className ="pdfobject",embed.type = "application/pdf",embed.title = title,id && (embed.id = id),"iframe" === embedType && (embed.allow = "fullscreen"),!omitInlineStyles) {let style = "embed" === embedType ? "overflow: auto;" : "border: none;";targetSelector && targetSelector !== document.body ? style= "width: "width"; height: "height";" : style= "position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;",embed.style.cssText = style}return targetNode.classList.add("pdfobject-container"),targetNode.appendChild(embed),targetNode.getElementsByTagName(embedType)[0]}(forceIframe || supportRedirect || isSafariDesktop ? "iframe" : "embed", targetNode, targetSelector, url, pdfOpenFragment, width, height, id, title, omitInlineStyles)}return PDFJS_URL ? generatePDFJSMarkup(targetNode, url, pdfOpenFragment, PDFJS_URL, id, title, omitInlineStyles) : (fallbackLink && (fallbackHTML = "string" == typeof fallbackLink ? fallbackLink : "
【浏览器预览word、excel、pdf的方式】This browser does not support inline PDFs. Please download the PDF to view it: Download PDF
",targetNode.innerHTML = fallbackHTML.replace(/[url]/g, url)),embedError("This browser does not support embedded PDFs", suppressConsole))};return {embed: function(a, b, c) {return embed(a, b, c)},pdfobjectversion: "2.2.7",supportsPDFs: supportsPDFs}}//url为文件路径,id为dom PDFObject.embed(url,id);

相关经验推荐