强烈推荐QWord、Excel、PPT、PDF在线预览解决Ҏ(gu) PDF 下蝲
qx大伙开发项目的时候，l常遇到业务需求Word、Excel、PPT、PDF在线预览功能Q?/span>
?jng)面上这斚w的解x案也有一些，不做q多评h(hun)。今天主要推荐的是一个特定提前下的永久免费解x案；
调用微Y的在UK览功能（预览前提Q资源必L公共可访问的Q不能是IP地址Q只能是域名Q且资源地址透明链接包含中文需要进行URL~码Qƈ且文必d在Internet上公开讉KQ此Ҏ(gu)可行?/span>
一QW(xu)od在线预览试Demo
<!-- 在线预览Word -->
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/cizhi20211008.docx"
target="_blank"
rel="nofollow">
在线预览Word
</a>
q行效果Q?br />
如有需要还可以通过iframe文嵌入到面当中实现在线预览
<iframe
src='https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/cizhi20211008.docx'
width="100%" height="1000px" frameborder="1" scrolling="no">
</iframe>
q行效果Q?br />
二，Excel在线预览试Demo
<!-- 在线预览Excel -->
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/moban20211008.xls"
target="_blank"
rel="nofollow">在线预览Excel</a>
q行效果Q?br />
同样支持iframe内嵌Q?/span>
<iframe width="100%" height="1000px" frameborder="1" scrolling="no"
src="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/moban20211008.xls"></iframe>
三，PPT在线预览试Demo
<a href="https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/ppt20211008.pptx"
target="_blank"
rel="nofollow">在线预览ppt</a>
q行效果Q?br />
同样支持iframe内嵌Q?/span>
<iframe
src='https://view.officeapps.live.com/op/view.aspx?src=http://blog.java1234.com/ppt20211008.pptx'
width="100%" height="600px" frameborder="1" scrolling="no">
</iframe>
q行效果Q?br />
四，PDF在线预览试Demo
1、前端实现PDF文g在线预览功能
法一QPDF区别于office的三cL档在于它不会(x)默认打开链接自动下蝲而是览。PDF文g理论上可以在览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文g且U(ku)I要求不高的情况下可以直接通过a标签href属性实现预?/span>
<a href="http://blog.java1234.com/pdf20211008.pdf" target="_blank"
rel="nofollow">在线预览PDF</a>
2、页面内昄PDF预览
如果不希望打开新的面直接预览PDF文科则可以通过jquery插gjquery.media.js来实现预览功能。但是这U只能实现PDF预览功能Q包括其他各U媒体文Ӟ(j)但是对word{其他文类型的文g不适用?/span>
搞一个div
<div id="handout_wrap_inner1"></div>
jquery.media.js渲染Q?/span>
<script type="text/javascript">
$('#handout_wrap_inner1').media({
width: '100%',
height: '100%',
autoplay: true,
src: 'http://blog.java1234.com/pdf20211008.pdf',
});
</script>
q行效果Q?br />
加锋哥微? java1239
|
苏公|安?32061202001004?/p>
