您现在的位置是：主页 > 技术领域 > 其他 > 其他
html中预览pdf及office文件的方法
追风
2021-11-26
【其他】
人已围观
简介平时工作中会遇到html中预览pdf及office文件的需求，那怎么是最简单快捷的呢？
1、office文件，目前已经验证的是 word+excle，ppt还没有验证，官方说是支持（此方法是目前找到的最简单的方法，不过浏览器兼容性并没有验证）
通过iframe直接引用微软提供的方法
<iframe src='https://view.officeapps.live.com/op/view.aspx?src={要展示的文件地址}' width='100%' height='100%' frameborder='1'>
2、pdf 使用pdf.js 预览
js 地址 http://jhyt.oss-cn-shanghai.aliyuncs.com/images/1531367199089_PDFObject.js
或是 comjia/recruit/web/js/pdfjs 目录下
var options = {
height: "550px",
pdfOpenParams: {view: 'FitV', page: '0' },
name:"mans",
fallbackLink: "<p>您的浏览器暂不支持此pdf，请下载最新的浏览器</p>"
};
PDFObject.embed(url, "#元素ID",options);
url 不支持 跨域，我们的文件可能存储在oss中，这个时候就涉及到了跨域问题，需要调用我们php来取文件，php 通过echo file_get_content($file_url);
下一篇：没有了
