前言

博主搜集网上各种办法，均为直接解决，最后还是在自我动手下解决

原始配置

AList 原本的预览配置是调用的github的源，最明显的缺点就是慢，且会遇到很多问题：
原始预览配置

错误如下：

Failed to fetch


错误类型1
原始配置遇到的问题

解决方法

自己搭建一个PDF预览的网站做接口

一、从github获取pdf.js的Release版本

  1. 进入项目地址：GitHub，找到Release，点击

进入Release

  1. 找到版本3.4.120,下载pdfjs-3.4.120-dist.zip

  • v3.4.120之后的版本都采用Node.js的.mjs进行部署的，我选择了.js的版本，即最后一版的v3.4.120
  • 如果你是较旧的浏览器，请下载legacy版，否则下载常规版本（推荐直接下载常规版本的）

下载.js的最新版

二、网站部署pdf.js项目

需要准备web网站环境（自行解决），我是用宝塔完成
  1. 上传网站并解压后得到如下文件

解压获得图示

  1. 新建pdfjs-dist文件夹并移动解压后的文件到该文件夹内


注意
下载的Release的pdf.js项目里面的内容对pdf.js及相关文件的路径描述有特殊要求，即必须在pdfjs-dist文件内访问
注意事项

移动文件

  1. 去除元文件中的跨域验证
编辑 /www/wwwroot/你的网站/pdfjs-dist/web/viewer.js文件的第1563-1565行，并注释这三行代码
取消跨域验证
  1. 返回到网站 打开网站设置-网站目录 ，修改网站运行目录为 /pdfjs-dist

修改网站目录

  1. 验证网站
打开网址 http://你的域名或IP/web/ 如果没有问题，则会自动打开一个预览PDF文件
验证网站

更新AList的预览配置为自己的就可以正常预览PDF啦

成功预览

不愿意动手的看这里，拿来就用

获取代码自己部署（不用改直接用）

此处内容需要评论回复后（审核通过）方可阅读。

使用我的预览接口

在AList的预览设置中更换配置为博主的接口

此处内容需要评论回复后（审核通过）方可阅读。

完结

END
本文作者：
 文章标题：【完全解决】 Alist 预览PDF加载失败，预览错误
 本文地址：https://blog.snwl0311.cn/index.php/archives/440/
 版权说明：若无注明，本文皆薄·客原创，转载请保留文章出处。
Last modification：October 19, 2024
© Allow specification reprint
有钱的给钱，没钱的点赞哦，感谢哥哥姐姐厚爱！