预览pdf与office类型文件

最新推荐文章于 2024-05-02 18:12:22 发布
最新推荐文章于 2024-05-02 18:12:22 发布
阅读量178 收藏
点赞数
文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40280730/article/details/121271642
版权

pdf直接用iframe调用浏览器自带的，office文件可以使用office的官方在线预览API：在链接前拼上‘https://view.officeapps.live.com/op/view.aspx?src=’

<iframe v-if="currentTypeFile.currentFile.currentImg && currentTypeFile.currentFile.urlType == 'pdf'" :src="currentTypeFile.currentFile.currentImg"></iframe>
<iframe v-if="currentTypeFile.currentFile.currentImg && currentTypeFile.currentFile.urlType != 'img' && currentTypeFile.currentFile.urlType != 'pdf'"  :src="`https://view.officeapps.live.com/op/view.aspx?src=${currentTypeFile.currentFile.currentImg}`"></iframe>
码农小权权
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安卓预览Office文档
03-26
安卓预览Office文档，TBS+AgentWeb+pdfjs（需后端配合）+系统能力
Android 实现PDF预览的全面解析
DeMonnnnnn
07-24 8584
1.Office文档服务 Office的文档服务，直接在WebView中使用即可。 fileUrl必须为http://或 https://形式,文档必须是WordExcel或PowerPoint文档 webView.loadUrl(&amp;quot;http://view.officeapps.live.com/op/view.aspx?src=&amp;quot; + pdfUrl));//pdfUrl必须为http:...
web页面开发中，在线预览PPT，PDF，Word，Excel等文档的解决办法
阿嚏乱码的地方
06-01 1万+
简单粗暴的办法：使用微软提供的在线预览模式打开在线文件地址即可。 https://view.officeapps.live.com/op/view.aspx?src= + 自己文件的线上地址（需要进行EncodeURI转码） 在JS中可以这样写： window.open('https://view.officeapps.live.com/op/view.aspx?src='+encod...
文件在线预览功能（office文件）
duanqiaocanyue2012的专栏
12-10 2万+
由于项目的功能需要看了一下文件预览的功能实现，主要是看office的word，excel，ppt这些的在线预览。 比较常见的是以下两种： 一、通过iframe直接引用微软提供的方法（最简单） &lt;iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_...
EXCEL、word、ppt、pdf文件在线预览的方式
qq_22082657的博客
07-19 1364
url='+encodeURIComponent(“文档地址”));//本页面内跳转链接实现预览。//新建窗口打开链接预览。PDF要单独处理，用了一下感觉不太爽放弃了。发现用office online。
android应用内打开office和PDF文档
乌龟赛跑
01-18 3238
一、采用微软在线转码的方式优点：使用简单缺点：不能转码PDF文件、浏览器都需要chrome的内核使用方法：在在线文档url地址的前面加上https://view.officeapps.live.com/op/view.aspx?src=然后用webview加载拼接后的地址即可。集成步骤：1、activity_main.xml文件注：我使用了databinding框架（与集成方式无关）。
在线预览office文件
热门推荐
分享不一样的技术，与你一起共同成长!
09-20 14万+
     通过微软公开的api接口，将文档的URL传入即可实现在线预览office文件，而不需要去下载文件。 同时，若是想做提供预览office办公软件的服务，直接调用接口即可，无需利用openoffice或者某些软件去转成pdf文件或者html文件。 不过带来的一个问题是，若是使用微软的预览接口，你的文档url地址将会被暴露，缺失所谓文档的安全性。若是想限制用户下载文件，这一点估计是做不到的，因...
调用view.officeapps.live.com预览文档（word、ppt、xls），解决无法读取oss私有文件问题
dreamy_wx的博客
11-09 1万+
encodeURIComponent(url) let result= "http://xxx.oss-cn-shanghai.aliyuncs.com/report/work.docx?OSSAccessKeyId=LTAI4GGvJTbm7fTKs&Expires=1636425239&Signature=c6xf8qQ5rV78Y%3D" let resultNew= encodeURIComponent(result) let url= 'http://view.officeap.
浏览器在线预览offce,vue-pdf预览pdf文件
明知山
04-03 3159
在office官方自带的链接后添加自己的文档链接，浏览器就可以自动解析预览 支持 word 、ppt、excel，不支持pdf格式文件 "https://view.officeapps.live.com/op/view.aspx?src=" + http://word; 我们引入vue-pdf来在线预览pdf文件 文档地址 npm install --save vue-pdf <tem...
在线预览office和pdf（Android,web端都可用）
helloworlddm的博客
06-27 4577
实现方案有好多。在这里给出一个完整的解决机制。当然了，这只是其中的一种，还有不完善的地方，有待改进。 基本思路::使用pdf.js实现在线预览pdf功能。将office(doc,execel),txt,png,jpeg等常见的格式在web端进行转换。 起初使用apose这个包，在Linux下中文字体显示为空格。这个网上有好多解决方案。但是由于内网环境，无法下载fc-list命令，放弃使用这个包。改...
OfficeWebApps在线预览_部署配置步骤详解
06-02
OfficeWebApps在线预览_部署配置步骤详解； 包括域控服务器的配置、转换服务器的安装和配置、过程中常见问题的解决等； 一步一步教你搭建基于OfficeWebApps的文档在线预览功能； 建议先使用虚拟机搭建一遍。
以html形式显示或预览word，excel，pdf，txt
10-08
本源码主要是ASP.net后台通过相应的类把word\excel\pdf\txt文件转化为html,将地址传回前端,前端获取地址，用iframe进行展现预览。
web项目使用OpenOffice实现前端在线预览office、pdf等文档源码
05-13
web项目使用OpenOffice实现前端在线预览office文档源码，同步博文讲解使用，手把手教学：https://blog.csdn.net/ITBigGod
office文件转pdf在线预览
02-08
office文件转pdf在线预览 import com.aspose.cells.PdfSaveOptions; import com.aspose.cells.Workbook; import com.aspose.slides.Presentation; import com.aspose.words.Document; import ...
uniapp移动端H5在线预览PDF等文件实现源码及注解
10-13
uniapp移动端H5在线预览PDF等文件实现源码及注解：https://a-jing.blog.csdn.net/article/details/120744302
Java实现web在线预览office文档与pdf文档实例
08-23
Java实现web在线预览office文档与pdf文档实例，代码实现，为此提供代码共享。
bpmn-js推荐几款常用的插件
飞云先生
04-30 125
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
基于React实现B站评论区
最新发布
stu_kk的博客
05-02 948
使用React构建了一个仿照B站基本的前端评论系统，实现了动态加载、排序、添加和删除评论的基本功能。通过React的状态管理和事件处理机制，实现了交互式的用户体验。但是在实际应用中，还需考虑与后端接口的交互、错误处理、分页加载、以及更复杂的用户交互逻辑。
表格隔行变色
weixin_54339833的博客
05-02 385
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
office 在线预览pdf
06-06
可以使用 Office Online 来预览 PDF 文件。你可以打开 office.com，在菜单中选择“Office Online”，然后选择...另外，你也可以使用 Google 文档、谷歌浏览器、Adobe Acrobat Reader DC 等软件来在线预览 PDF 文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值