前端实现⽂档在线预览
dia.js
test.js:
但是这种只能实现PDF预览功能(包括其他各种媒体⽂件)
beatbox教学网站2.PDF.JS
这是⼀个开源的JS库,PDF.js可以实现在线预览PDF⽂档,核⼼部分是PDF.js和PDF.Worker.js,⼀个负责API解析,⼀个负责核⼼解析。PDF.js可在官⽹下载地址:
数据库创建商品信息表带下拉列表Vue中使⽤,将PDF⽂件渲染成CANVAS
安装并引⼊PDF.JS:
1. npm i pdfjs-dist
2. import PDFJS from 'pdfjs-dist'
加载PDF⽂件:
3.微软的在线预览功能
word、ppt、xls⽂件实现在线预览的⽅式⽐较简单可以直接通过调⽤微软的在线预览功能实现 (预览前提:资源必须是公共可访问的)
eclipse字体大小设置英文“view.officeapps.live/op/view.aspx?src=”的后⾯拼上你的服务器word⽂件地址
注意:
1. 最好通过encode处理⼀下url地址,可以使⽤encodeURIComponent()⽅法
2. 这个⽂件的服务器地址必须是域名,不可以使⽤ip地址,且端⼝需要是80;(这也是不太⽅便的⼀个限制条件,第三⽅的⼀般⽆此限
制)
查阅发现较热门的JS库就是SheetJS js-xlsx,demo⾃取:
jstool.gitlab.io/zh-cn/demo/sheetjs-xlsx-js/
5.永中DCS
可以看出前端实现的⽅法⽐较少、局限性很⾼,⼀些JS库的英语⽂档看的⽐较吃⼒,所以现在来推荐⼀个第三⽅服务-----永中DCS。
永中的⽂档可以设置私有和公开的两种⽅式:
公有云(永中云转换)有免费版本(loud/)
私有云(dcs/index.html)
打开官⽹⽰例,可以看见⽀持的格式很多,上传⽂档后不仅在PC端可以查看,还可以扫描⼆维码查看,并且还⽀持其他的⼀些功能(建议官⽹⼀试):
查看预览:
接着来看看API,内容详细,部署环境分为Linux和Windows,各种开发语⾔的调⽤也有:
jquery下载文件请求来看看我们需要的web调⽤:
1. 配置ajaxfileupload.js (github/blueimp/jQuery-File-Upload)
2. 参数部分:
1) url:服务器请求url
文件管理里面删除的文件怎么恢复 2) convertType:转换类型参数(必须)
3) downloadUrl:要预览的⽂档url
ppt模板免费下载手机版(具体参数请移⾄官⽹查看dcs/page/help.html)
成功后的data会返回⼀个html出来,⽅便快捷。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论