前台HTML现在预览附件

前几天项目正好也有要求，正好把方式记录下来

有时候我们希望直接在页面上对附件进行在线预览，但是可能遇到项目已经成型的问题。

或者说，不希望再去动源码，希望能直接在页面上达到预览的效果

那这时候，我们可以借助微软的在线预览服务https://view.officeapps.live.com/op/view.aspx?src=来进行实现

但是同样，任何事情都有两面性

在线文档的格式必须为以下格式之一：
Word：docx、docm、dotm、dotx
Excel：xlsx、xlsb、xls、xlsm
PowerPoint：pptx、ppsx、ppt、pps、pptm、potm、ppam、potx、ppsm
而且文档的大小：Word 和 PowerPoint 文档必须小于 10 兆字节;Excel 必须小于五兆字节

同时，必须是域名访问下，将文档下载地址作为src参数传入即可

PS：

多说一句，在页面实现预览，可以引入jQuery，通过获取原HTML页面的文档下载地址，在之上附加微软地址可以访问

前台HTML现在预览附件相关推荐

OpenOffice在线预览附件
OpenOffice在线预览附件 Author xiuhong.chen@hand-china.com Date 2018/1/20 Desc 在线预览附件功能 1.下载安装包官方下载: http: ...
office邮箱不能预览附件问题
首先,造成不能预览附件的问题有好几种原因,在其他方法比如打开方式,默认应用等方法试过无效后,不妨看下自己的windows defender开启了没有. 1.右键我的电脑,点击管理 2.在服务中找到wi ...
react项目中在线预览附件
这几天在做一些管理后台的公共模块,其中遇到了附件下载,在线预览的功能这里发现了一个很好的在线预览插件 react-file-viewer(自己到npm去搜就好了)npm install --save ...
泛微ecology 修改在线预览附件大小限制
购买了WPS在线预览,然后业务部门使用中发现大附件依然需要下载到本地才能打开如图购买了wps后修改配置文件需要在 WEB-INF/prop/conver_filesize.properties ...
CKEditor4.6.2 图片/Flash上传及预览附件上传
最近做富文本编辑器,最后选用了 CKeditor,个人更喜欢这个编辑器的风格.本文将不再阐述CKeditor的基础配置,比较的简单,网上例子不少,官方的demo也有. 好,直接进入正题: 1.图片上传 ...
uniapp附件上传及预览
uniapp 实现表单中包括上传附件 uniapp做的原生android开发,动态表单数据录入的时候有时候需要上传附件和拍照视频功能 1.进行android平台的判断 if (plus.os.name ...
性能优化之通过Aspose组件将Word/Excel/PPT/PDF转成HTML文件，解决大附件预览性能问题
在最近的一个项目中,遇到一个非常棘手的性能问题,场景是这样的:有PC端和手机端两个应用,用户在PC端上传的附件,如word,Excel,pdf等,当用户出差或不在电脑边上时,上传的附件在手机端能够打开 ...
iOS 预览word pdf 文件
此类用于改变QLPreviewController 导航栏title #import <QuickLook/QuickLook.h> NS_ASSUME_NONNULL_BEGIN @in ...
微信小程序上传文件及图片（可以预览）
最近在写小程序项目,碰到了一个需求,需要用户可以上传各种类型的文件和图片,展示在页面上,并且点击还可以进行预览,就找了找微信小程序官网,写了一个例子,分享一下直接看代码: wxml: <vie ...

前台HTML现在预览附件

前台HTML现在预览附件相关推荐

最新文章

热门文章