使用pdf.js插件展示pdf文件不能使用绝对路径的问题。

使用pdf.js插件展示pdf文件不能使用绝对路径的问题。

下载pdf.js插件(官网地址)
http://mozilla.github.io/pdf.js/
下载解压以后的目录文件:

引入到你的项目里面:

由于我是嵌在web页面中的，所以我使用了iframe标签:

1 <iframe src="/pdfjs/web/viewer.html" />?file=<%=basePath%>Controller请求路径&fileUrl=/pdf的绝对路径" width="100%" height="800"></iframe>

然后就是修改js源代码了,打开viewer.js找到下面的方法:

改为:

然后就是后台请求的方法、后台就是获取file，转换成流，然后用response.getOutputStream.write()写到前台就好：

@RequestMapping(params = "pdfStreamHandeler")
    @ResponseBody
    public void pdfStreamHandeler(@RequestParam("fileUrl") String fileUrl,
    		HttpServletRequest request, HttpServletResponse response) {
        if(StringUtil.isNotEmpty(fileUrl)){
            File file = new File(fileUrl);
            byte[] data = null;
            try {
                FileInputStream input = new FileInputStream(file);
                data = new byte[input.available()];
                input.read(data);
                response.getOutputStream().write(data);
                input.close();
            } catch (Exception e) {
            	System.out.println("pdf文件处理异常：" + e.getMessage());
            }
        }
	}

然后就能打开pdf文件了。