使用PDF.js在iframe中加载NAS存储PDF的问题求助

我来帮你搞定这个PDF.js在iframe里加载NAS文件的难题——你碰到的核心问题是浏览器安全策略（CORS限制、跨协议访问禁止）和NAS仅支持SMB/CIFS协议的冲突，用ColdFusion做个中间代理层就能完美破解，具体方案如下：

1. 编写ColdFusion代理页面（pdfProxy.cfm） #

这个页面的作用是在服务器端读取NAS上的PDF文件，再以HTTP流的形式返回给PDF.js——服务器端访问NAS不受浏览器CORS限制，刚好绕开了前端的权限问题。

<cfsetting showdebugoutput="false">
<!--- 接收NAS上的PDF路径参数 --->
<cfparam name="url.pdfPath" type="string" required="true">

<cftry>
    <!--- 读取NAS上的PDF二进制内容（确保CF服务账户有NAS共享的读取权限） --->
    <cffile action="readbinary" file="#url.pdfPath#" variable="pdfBinary">
    
    <!--- 设置响应头，让PDF.js正确识别，同时避免浏览器内置阅读器接管 --->
    <cfcontent type="application/pdf" variable="#pdfBinary#" reset="true">
    <cfheader name="Content-Disposition" value="inline; filename=document.pdf">
    <!--- 可选：添加CORS头，如果PDF.js viewer和CF不在同一域名 --->
    <cfheader name="Access-Control-Allow-Origin" value="http://127.0.0.1"> <!--- 替换成你的viewer域名 --->
    
    <cfcatch type="any">
        <cfoutput>加载PDF失败：#cfcatch.message#</cfoutput>
    </cfcatch>
</cftry>

2. 调整iframe的调用代码 #

把原来直接指向NAS路径的file参数，改成指向这个代理页面，同时对NAS路径进行URL编码避免参数错误：

<cfset nasPdfPath = "//100.100.0.10/folder/pdfname.pdf">
<!--- 对NAS路径进行URL编码 --->
<cfset encodedPdfPath = URLEncodedFormat(nasPdfPath)>
<!--- 拼接代理URL --->
<cfset proxyUrl = "http://你的CF服务器地址/pdfProxy.cfm?pdfPath=#encodedPdfPath#">

<iframe id="framePDF" name="framePDF" src="http://127.0.0.1/web/viewer.html?file=#proxyUrl#" frameborder="0" height="500px" width="100%"></iframe>

3. 关键注意事项 #

• 权限配置：确保ColdFusion服务的运行账户（比如Windows上的LOCAL SERVICE或自定义账户）拥有NAS共享文件夹的读取权限，否则CF无法读取NAS上的文件。
• 测试代理页面：先直接在浏览器访问pdfProxy.cfm?pdfPath=//100.100.0.10/folder/pdfname.pdf，确认能正常显示PDF内容，再集成到iframe里。
• CORS安全：如果PDF.js的viewer和ColdFusion不在同一域名，不要用*作为Access-Control-Allow-Origin的值，替换成viewer的具体域名更安全。

这个方案的核心是用ColdFusion作为中间层，把NAS的SMB协议访问转换成HTTP协议输出，既绕开了浏览器的安全限制，又能让PDF.js的自定义viewer正常加载文件，完美匹配你的需求。

内容的提问来源于stack exchange，提问作者jdow