![cover](https://img-blog.csdnimg.cn/img_convert/a7b426f027554ddcbce196b962043da2.png)
前端PPT预览(新开窗口在线预览或者vue本地插件预览)
1.下载pptx.js插件。
·
一、在线预览
1.http://vw.usdoc.cn/?src= 需要注册文件域名
二、本地插件预览
1.下载pptx.js插件
2.引用依赖
<script type="text/javascript" src="./pptx/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="./pptx/js/jszip.min.js"></script>
<script type="text/javascript" src="./pptx/js/filereader.js"></script>
<script type="text/javascript" src="./pptx/js/d3.min.js"></script>
<script type="text/javascript" src="./pptx/js/nv.d3.min.js"></script>
<script type="text/javascript" src="./pptx/js/pptxjs.js"></script>
<script type="text/javascript" src="./pptx/js/divs2slides.js"></script>
<script type="text/javascript" src="./pptx/js/jquery.fullscreen-min.js"></script>
3.调用
<div id="slide-resolte-contaniner" ></div>
mounted(){
this.init()
},
methods: {
init() {
return $("#slide-resolte-contaniner").pptxToHtml({
pptxFileUrl: this.$route.query.url,
slidesScale: "50%",
slideMode: false,
keyBoardShortCut: false
})
}
}
更多推荐
所有评论(0)