<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>pdfjs &#8211; Lhy&#039;s blog</title>
	<atom:link href="https://blog.lhyshome.com/tag/pdfjs/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.lhyshome.com</link>
	<description>welcome</description>
	<lastBuildDate>Thu, 15 Aug 2024 02:59:00 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
<site xmlns="com-wordpress:feed-additions:1">219834889</site>	<item>
		<title>基于pdf.js的pdf在线预览</title>
		<link>https://blog.lhyshome.com/2024/08/15/205/</link>
					<comments>https://blog.lhyshome.com/2024/08/15/205/#respond</comments>
		
		<dc:creator><![CDATA[lhy]]></dc:creator>
		<pubDate>Thu, 15 Aug 2024 01:47:11 +0000</pubDate>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[小技巧]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[nginx]]></category>
		<category><![CDATA[pdf]]></category>
		<category><![CDATA[pdfjs]]></category>
		<guid isPermaLink="false">https://blog.lhyshome.com/?p=205</guid>

					<description><![CDATA[下载 官方下载地址 https://mozilla.github.io/pdf.js/getting_star… <span class="read-more"><a href="https://blog.lhyshome.com/2024/08/15/205/">Read More &#187;</a></span>]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">下载</h2>



<p>官方下载地址</p>



<p>https://mozilla.github.io/pdf.js/getting_started</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="718" src="https://blog.lhyshome.com/wp-content/uploads/2024/08/image-1024x718.png" alt="" class="wp-image-206" srcset="https://blog.lhyshome.com/wp-content/uploads/2024/08/image-1024x718.png 1024w, https://blog.lhyshome.com/wp-content/uploads/2024/08/image-300x210.png 300w, https://blog.lhyshome.com/wp-content/uploads/2024/08/image-768x539.png 768w, https://blog.lhyshome.com/wp-content/uploads/2024/08/image-500x351.png 500w, https://blog.lhyshome.com/wp-content/uploads/2024/08/image-800x561.png 800w, https://blog.lhyshome.com/wp-content/uploads/2024/08/image-1280x898.png 1280w, https://blog.lhyshome.com/wp-content/uploads/2024/08/image-660x463.png 660w, https://blog.lhyshome.com/wp-content/uploads/2024/08/image-200x140.png 200w, https://blog.lhyshome.com/wp-content/uploads/2024/08/image.png 1286w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>选择modern browsers（chrome,edge,firefox浏览器可选）</p>



<h2 class="wp-block-heading">服务器</h2>



<h3 class="wp-block-heading">解压</h3>



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



<h3 class="wp-block-heading">nginx配置</h3>



<h4 class="wp-block-heading">conf文件配置</h4>



<pre class="wp-block-code"><code>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;
    }
}</code></pre>



<h4 class="wp-block-heading">mime.types文件配置</h4>



<pre class="wp-block-code"><code>application/x-freemarker                         ftl;
application/javascript                           js mjs;</code></pre>



<h4 class="wp-block-heading">nginx重新加载</h4>



<pre class="wp-block-code"><code>/sbin/nginx -s reload</code></pre>



<h4 class="wp-block-heading">端口</h4>



<pre class="wp-block-code"><code># 对服务器9099端口在防火墙上放行
firewall-cmd --zone=public --add-port=9099/tcp --permanent
firewall-cmd --reload</code></pre>



<h2 class="wp-block-heading">预览文件成功</h2>



<p>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</p>



<h2 class="wp-block-heading">后续docker部署</h2>



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



<p>优点是docker部署方便，维护方便</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.lhyshome.com/2024/08/15/205/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">205</post-id>	</item>
	</channel>
</rss>
