Detailed explanation of html to realize the function of online preview of word, excel, pdf and other files (with code)

Directly refer to the method provided by Microsoft through iframe

In https

Note: Links containing Chinese need to be URL encoded, and the document must be publicly accessible on the Internet

Official Use Document

pdf online browsing

PDF.js download address

http://jhyt.oss-cn-shanghai.aliyuncs. com/images/1531367199089_PDFObject.js

How to use

Introduce pdf.js file

c

Create a p for display

Dynamically add the pdf address that needs to be browsed through js

 var  optiOns = {
             height: "550px",
             pdfOpenParams: {view: 'FitV', page: '0' },
             name: "mans",
             fallbackLink: "
Your browser does not support this pdf, please download the latest browser
"
         };
 PDFObject.embed(url, "#example1",options);

Preview

Thank you for reading, I hope you will benefit from it.

This article is transferred from: https://blog.csdn.net/superKM/article/details/81013304

Recommended tutorial: “HTML Tutorial”

The above is the detailed explanation of HTML implementation online Preview the details of the functions (with codes) of word, excel, pdf and other files. For more information, please pay attention to other related articles on 1024programmer.com!