通过window.open下载pdf或直接打开文件

1,164 阅读1分钟

通过window.open下载pdf或直接打开文件

// 后端
@RestController
@RequestMapping("/print")
public class PrintController {
	@GetMapping("/out")
	public void out(PrintVo vo,  HttpServletResponse response) throws IOException {
		response.addHeader("content-disposition", "inline;filename=file.pdf");
		response.setContentType("application/pdf");
		//  这里生成pdf 并写入了 response.getOutputStream()
		PrintOutUtil.generatePdf(data, modelPath, outFilePath, response.getOutputStream());
		response.getOutputStream().flush();
		response.flushBuffer();
	}
}
// 前端
window.open(window.origin + '/dev-api/print/out','_blank')

关键点

  • content-disposition 设置
    // content-disposition 的属性设置成 inline ,代表在浏览器中打开文件
    response.addHeader("content-disposition", "attachment;filename=file.pdf")
    
    // content-disposition 的属性设置成 attachment,代表在新窗口直接下载
    response.addHeader("content-disposition", "attachment;filename=file.pdf")
    
  • ContentType 设置
    ContentType 需要设置成 application/pdf,代表文件类型为pdf