基于pdf.js的pdf在线预览

下载

官方下载地址

https://mozilla.github.io/pdf.js/getting_started

选择modern browsers（chrome,edge,firefox浏览器可选）

服务器

解压

下载后pdfjs-4.5.136-dist.zip文件，解压后上传至服务器，或者上传服务器后解压

nginx配置

conf文件配置

server {
    listen 9099;

    location / {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        root   /home/pdfjs/pdfjs-4.5.136-dist;
    }
}

mime.types文件配置

application/x-freemarker                         ftl;
application/javascript                           js mjs;

nginx重新加载

/sbin/nginx -s reload

端口

# 对服务器9099端口在防火墙上放行
firewall-cmd --zone=public --add-port=9099/tcp --permanent
firewall-cmd --reload

预览文件成功

http://192.168.0.201:9099/web/viewer.html?file=http%3A%2F%2F192.168.0.200%3A5244%2Fp%2FDownloads%2F%25E4%25BA%258E%25E6%259D%25A8%25E7%25A4%25BE%25E5%25B7%25A5%25E8%25AF%25BE%25E8%25AE%25B2%25E4%25B9%2589%25E6%25B1%2587%25E6%2580%25BB%2520%25281%2529.pdf%3Fsign%3DDmtLD17dOgmIdP7c231UksnukX5q44uv-b_A8VVyip8%3D%3A0

后续docker部署

也可以用docker部署，即使用nginx为基板，将当前dist文件搞到nginx基础镜像里，制作为新的镜像，服务器防火墙对映射端口放行，即可实现docker部署，只是作者偷懒了，不想搞。

优点是docker部署方便，维护方便