我这里用的pdfjs做的前端分页
去官网下载pdfjs
https://mozilla.github.io/pdf.js/getting_started/#download
当前稳定版为2.0.943
下载完成后,解压
进入web文件夹
用浏览器打开viewer.html就可以看到pdf分页预览
代码
这里的pdf是写死的,
开发过程中,pdf要从后台读取
后台代码为,
/**
* 文件预览
*/
@GetMapping(MODEL + "/readPdf.do")
public void displayPDF(HttpServletResponse response, @RequestParam("path") String path, @RequestParam("filename") String filename) {
EmailAttachPath emailAttachPath = emailAttachPathService.queryCurrentFilePath();
//附件路径
try {
//原文件
File file = new File(emailAttachPath.getPath() + path);
//解密之后的文件
File file2 = new File(emailAttachPath.getPath() + path + filename);
//解密文件
FileEncDecUtil.encFile(file, file2);
FileInputStream fileInputStream = new FileInputStream(file2);
response.setHeader("Content-Disposition", "attachment;fileName=test.pdf");
response.setContentType("multipart/form-data");
OutputStream outputStream = response.getOutputStream();
IOUtils.write(IOUtils.toByteArray(fileInputStream), outputStream);
} catch (Exception e) {
e.printStackTrace();
}
}
js代码也要做修改
修改
中的