luda 1、前端pdf文件在线预览功能。
方法1、pdf文件理论上可以直接在浏览器中打开预览，但需要打开新页面。如果只预览Pdf文件，但UI要求不高，则可以通过a标签href属性直接预览
A href='文档地址'/a
方法2。通过jquery插件jquery.media.js实现此插件可以实现PDF预览功能(包括其他多种媒体文件)，但对word等文件类型没有帮助。实施方法：js代码：
script type=' text/JavaScript ' src=' jquery-1 . 7 . 1 . min . js '/script
script type=' text/JavaScript ' src=' jquery . media . js '/script
复制代码
Html结构：
菩提
Div id='handout_wrap_inner'/div
/body
复制代码
呼叫方法：
Script type='text/javascript '
$ ('# handout _ wrap _ inner ')。媒体(
宽度为：' 100%。
是海特：' 100% '。
Autoplay: true、
src :’；而且，
})；
/脚本
复制代码
方法3，通过页面直接包含iframe
$(' iframesrc=' ' ' ' width=' 100% ' height=' 362 px ' frame border=' 1 ' ')。append to
复制代码
此外，还可以在iframe标签之间提供以下提示
iframe : src=' preview URL ' width=' 100% ' height=' 100% '
this browser does not support pdfs . please download the pdf to view it : a : href=' preview URL ' download pdf/a
/iframe
复制代码
第四，通过标签包含内容。
embed : src=' preview URL ' type=' application/pdf ' width=' 100% ' height=' 100% '
此标签H5属性包括高度、宽度、类型、预览文件src！与Iframe/iframe不同，此标签会自动关闭。也就是说，如果浏览器不支持嵌入PDF，则此标签的内容不可见！
方法5、标签和iframe使用差异较小
object : src=' preview URL ' width=' 100% ' height=' 100% '
this browser does not support pdfs . please download the pdf to view it : a : href=' preview URL ' download pdf/a
/object
复制代码
除了方法2以外，所有的一切都是通过标签直接将内容导入页面进行预览
方法6，pdf对象
PDFObject实际上也是通过标记实现的直接代码
！DOCTYPE html
Html
头(电影)
TitleShow PDF/title
meta charset=' utf-8 '/
script type=' text/JavaScript ' src='；/脚本
样式类型='文本/CSS '
Html、body、#pdf_viewer{
width : 100%；
海特： 100%；
margin : 0；
padding : 0；
}
/style
/head
菩提
Div id='pdf_viewer'/div
/body
Script type='text/javascript '
I){
//包含在PDF网页中
Pdfobject.embed ('index.pdf '，' # pdf _ viewer ')；
} else {
loca='/canvas '；
}
/脚本
/html
您还可以使用以下代码来确定是否支持PDFObject预览
I){
Con ('yay，this browser supports inline pdfs . '))；
} else {
Con ('boo，inline pdfs are not supported by this browser ')；
}
复制代码
方法7，PDF.js
pdf.js是一个开源PDF文档读取解析插件，允许您直接在html中浏览PDF文档，功能非常强大，可以将PDF文件呈现为Canvas。PDF.js主要负责两个库文件，一个负责API解析，一个负责核心解析。
2、word、xls和PPT文件联机预览功能
Word、PPT和xls文件实现联机预览的方法很简单。可以通过调用Microsoft的在线预览功能直接执行(预览前提条件：资源必须可公开访问)
iframe src='；宽度=' 100% '高度=' 100%' frameborder=' 1 '
/iframe
复制代码
Src是用于预览的文件地址。具体文档请查看Microsoft界面文档。
添加：Google的文档在线预览将与Microsoft一起实施(资源必须可公开访问)
Iframe :src=Fileurl'/iframe
复制代码
3、单词文件。
XDOC可以预览标记为DataURI的DOC文档，XDOC可以根据正式文档进行联机预览，包括文本、参数文本、html文本、JSON文本和文档。
您可以通过以下方式快速预览word，但文件中使用的编辑器可能会有一些限制：
a href='；_ format=html _ cache=1 _ xdoc=target=' _ blank ' rel=' no follow ' xdoc/a
复制代码
4、excel文件
目前，excel文档已经在进行这样的语法分析。
摘要：
1、免费纯前端方法在线预览word、excel、PPT最佳选择微软在线预览(不可编辑)
2.利用后端把文件变成图片，前端用图片预览(可行方案)
3.购买在线预览服务，如百度DOC文档服务、英中、I DOC VIEW等。
著名：文章内容是从网络上收集资料得到的。第二次发布只是为了自己和头条程序员兄弟，以后使用图片很方便。
如果你觉得有用，记得收藏传递！