使用pdf.js插件展示pdf文件不能使用绝对路径的问题。
下载pdf.js插件(官网地址)
http://mozilla.github.io/pdf.js/
下载解压以后的目录文件:
引入到你的项目里面:
由于我是嵌在web页面中的,所以我使用了iframe标签:
1 <iframe src="<c:url value="plugins/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文件了。