Good Luck To You!

未命名

07 01月
作者:liminyes|分类:未分类
宝塔面板部署pdf.js教程(可用于AList网盘PDF文件预览)
letao9370
编辑于 2024年11月22日 18:05
云服务器教程

一、在Github上下载pdf.js压缩包

①进入pdf.js的Github项目下载页面,找到需要的版本(提示:过新的pdf.js版本可能与云服务器以及用户设备等存在一定的兼容适配问题,在版本上可以选择老一些的,我目前使用的版本是2.6.347)

②在版本项目下方的“Asset”中,选择文件名中带有“es5”的zip压缩包进行下载,保证兼容性最大化

二、在云服务器指定目录上传pdf.js

①登录宝塔面板,点击文件,进入你想部署pdf.js的网站的根目录,创建一个文件夹(如“pdf.js”,名字随意,可以简单一些)

②在文件夹内上传并解压刚刚下载的pdf.js压缩包,文件放置可以参考下图

三、利用域名访问pdf.js内置的模板文件

①在刚刚解压出来的“web”文件夹中,有一个“viewer.html”文件,利用它可以查看pdf.js内置的预览文件

②在浏览器地址栏输入以下路径,如果成功访问就表示部署成功了(仅供参考,要根据你在宝塔面板中的文件放置路径进行变动)

https://你的域名/pdfjs(刚刚创建的文件夹名称)/web/viewer.html

(可选)四、在网站配置文件中允许跨域访问

为了实现在其它网站或alist上使用部署好的pdf.js服务,需要对网站开启跨域访问

①在宝塔面板中,点击左侧的“网站”,在部署了pdf.js的网站右侧点击“设置”,然后在弹出的窗口中点击“配置文件”,复制并粘贴以下代码到前面一点的部分(可参考下图)

   # 允许跨域

   add_header Access-Control-Allow-Origin '*';

   add_header Access-Control-Allow-Methods 'GET, POST, PUT, OPTIONS';

   add_header Access-Control-Expose-Headers 'Accept-Ranges, Content-Encoding, Content-Length, Content-Range';

②登录alist管理员并进入管理后台,找到“设置”-“预览”-“iframe预览”,鼠标滚动找到“pdf”这一项,复制已有的一条信息并修改为自己的pdf.js预览信息,可参考下图,之后保存即可

"PDF.jsServer(自己取也可以)":"https://你的域名/pdfjs/web/viewer.html?file=$e_url",

补充:

    本教程所用的服务器来自雨云,采用Debian 12系统及宝塔面板


浏览223 评论0
返回
目录
返回
首页
烧烤店你配方 青岛行人相撞案”现场视频

发表评论