Cloudreve网盘程序增加支持在线预览PDF的方法

cloudreve.png

关于Cloudreve的情况这里不多说了,自己百度或直接访问Cloudreve官网了解,或者GitHub

这个网盘程序是个人开发者在维护,目前功能不是特别完善,稳定性和安全性还有待检验,用来玩玩还可以,但生产环境或正式用途还是多考虑考虑。

Cloudreve目前支持office系列文档、txt、图片、视频、音乐、MD文档等的在线预览,支持的格式比较多,但唯独不支持PDF在线预览。

现在来说说如何增加在线预览PDF的方法。

这里需要用到mozilla开发的PDF.JS组件,下载地址:http://mozilla.github.io/pdf.js/

下载好后在Cloudreve所在目录的public目录新建一个名为pdf的目录,把pdf.js压缩包解压到这个目录里面。

到这里就完成一半了,接下来就是修改两个文件。

1、打开/static/js/angular-filemanager.min.js文件,搜索“pptx”,会看到“isDocFilePattern:/\.(pptx|ppt|pps|docx|doc|xlsx|xls?)$/i,”,在此行末尾换一行,增加“isPdfFilePattern:/\.(pdf?)$/i,”。

2、搜索“预览文档”,会看到一串html代码,把“预览文档”所在的<li></li>完整的复制下来,并在末尾粘贴。把粘贴的这段代码里面的“Doc”全部改为“Pdf”,注意大小写。把“预览文档”改为“预览PDF”,也可以不改,看自己喜好,这个是右键文件名显示的内容。

3、搜索"isDoc",把这一段代码复制另起一行粘贴,把“Doc”改为“Pdf”。

4、搜索"DocPreview",把这一段代码复制另起一行粘贴,把“Doc”改为“Pdf”。这里改完,这个文件就改完了,保存退出。

5、打开/application/index/controller/File.php文件,搜索“DocPreview”,把这一段复制粘贴,把这一段里面的“Doc”全部改为“Pdf”,把"http://view.officeapps.live.com/op/view.aspx?src="改为"/public/pdf/web/viewer.html?file=",保存退出。

到这里,所有工作都做好了,可以上传一个PDF文件试试看能不能在线预览了。

最后附上已经修改好的这两个文件,覆盖到相应目录就行了。

Cloudreve修改文件.zip

赞一个 (3)
分享到: +More

评论 沙了个发

换个身份

取消评论