java 网页保存为pdf文件怎么打开方式_js相关:JavaScript+Java实现HTML页面转为PDF文件保存的方法...
js相关:JavaScript+Java实现HTML页面转为PDF文件保存的方法
发布于 2020-8-12|
复制链接
借助iText这个Java库,我们可以将HTML文件保存为图片文件进而转换成PDF格式,接下来就来具体看下JavaScript+Java实现HTML页面转为PDF文件保存的方法
需求是一个导出pdf的功能,多方奔走终于实现了,走了不少弯路,而且怀疑现在这个方法仍是弯的。有个jsPDF 插件可以在前端直接生成pdf,很简便,但不支持IE。前端:首先引入 html2canvas.js
```javascript
html2canvas(document.body, { //截图对象
//此处可配置详细参数
onrendered: function(canvas) { //渲染完成回调canvas
canvas.id = "mycanvas";
// 生成base64图片数据
var dataUrl = canvas.toDataURL('image/png'); //指定格式,也可不带参数
var formData = new FormData(); //模拟表单对象
formData.append("imgData",convertBase64UrlToBlob(dataUrl)); //写入数据
var xhr = new XMLHttpRequest(); //数据传输方法
xhr.open("POST", "../bulletin/exportPdf"); //配置传输方式及地址
xhr.send(formData);
xhr.onreadystatechange = function(){ //回调函数
if(xhr.readyState == 4){
if (xhr.status == 200) {
var back = JSON.parse(xhr.responseText);
if(back.success == true){
alertBox({content: 'Pdf导出成功!',lock: true,drag: false,ok: true});
}else{
alertBox({content: 'Pdf导出失败!',lock: true,drag: false,ok: true});
}
}
}
};
}
});
//将以base64的图片url数据转换为Blob
function convertBase64UrlToBlob(urlData){
//去掉url的头,并转换为byte
var bytes=window.atob(urlData.split(',')[1]);
//处理异常,将ascii码小于0的转换为大于0
var ab = new ArrayBuffer(bytes.length);
var ia = new Uint8Array(ab);
for (var i = 0; i
兼容性:Firefox 3.5+, Chrome, Opera, IE10+不支持:iframe,浏览器插件,Flash跨域图片需要在跨域服务器header加上允许跨域请求
```plain
access-control-allow-origin: * access-control-allow-credentials: true
```
svg图片不能直接支持,已经有补丁包了,不过我没有试过。IE9不支持FormData数据格式,也不支持Blob,这种情况下将canvas生成的64base字符串去掉url头之后直接传给后台,后台接收之后:
```javascript
String base64 = Img.split(",")[1];
BASE64Decoder decode = new BASE64Decoder();
byte[] imgByte = decode.decodeBuffer(base64);
```
后端:导入 itext jar包(官方下载地址:https://sourceforge.net/projects/itext/)
```java
@RequestMapping("/exportPdf")
public @ResponseBody void exportPdf(MultipartHttpServletRequest request,HttpServletResponse response)throws ServletException, IOException {
ResultData result = new ResultData(); //自定义结果格式
String filePath = "c:\\exportPdf2.pdf";
String imagePath = "c:\\exportImg2.bmp";
Document document = new Document();
try{
Map getMap = request.getFileMap();
MultipartFile mfile = (MultipartFile) getMap.get("imgData"); //获取数据
InputStream file = mfile.getInputStream();
byte[] fileByte = FileCopyUtils.copyToByteArray(file);
FileImageOutputStream imageOutput = new FileImageOutputStream(new File(imagePath));//打开输入流
imageOutput.write(fileByte, 0, fileByte.length);//生成本地图片文件
imageOutput.close();
PdfWriter.getInstance(document, new FileOutputStream(filePath)); //itextpdf文件
// document.setPageSize(PageSize.A2);
document.open();
document.add(new Paragraph("JUST TEST ..."));
Image image = Image.getInstance(imagePath); //itext-pdf-image
float heigth = image.getHeight();
float width = image.getWidth();
int percent = getPercent2(heigth, width); //按比例缩小图片
image.setAlignment(Image.MIDDLE);
image.scalePercent(percent+3);
document.add(image);
document.close();
result.setSuccess(true);
operatelogService.addOperateLogInfo(request, "导出成功:成功导出简报Pdf");
}catch (DocumentException de) {
System.err.println(de.getMessage());
}
catch (Exception e) {
e.printStackTrace();
result.setSuccess(false);
result.setErrorMessage(e.toString());
try {
operatelogService.addOperateLogError(request, "导出失败:服务器异常");
} catch (Exception e1) {
e1.printStackTrace();
}
}
response.getWriter().print(JSONObject.fromObject(result).toString());
}
private static int getPercent2(float h, float w) {
int p = 0;
float p2 = 0.0f;
p2 = 530 / w * 100;
p = Math.round(p2);
return p;
}
```
iText是著名的开放源码的站点sourceforge一个项目,是用于生成PDF文档的一个java类库。
java 网页保存为pdf文件怎么打开方式_js相关:JavaScript+Java实现HTML页面转为PDF文件保存的方法...相关推荐
- ai文件如何打开及常见文件的打开方式
ai文件如何打开?用什么软件可以打开? 用什么软件打开比较清晰些? 用Adobe Illustrator可以打开,用photoshop也可以打开 adobe illustrator ,photos ...
- 删除windows文件右击打开方式中的无效程序选项
删除windows文件右击打开方式中的无效程序选项[以.htm和.html文件为例]首先你需要记住要删除的无效程序的名字,以我自己为例,以前装过世界之窗浏览器,流氓软件hao123浏览器,虽然卸载了但 ...
- java网页保存pdf_JavaScript+Java实现HTML页面转为PDF文件保存的方法
JavaScript+Java实现HTML页面转为PDF文件保存的方法 发布于 2017-02-27 09:58:50 | 160 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客 ...
- 扩展名 文件类型 打开方式 ..
扩展名 文件类型 打开方式 .. 2010年10月30日 --------------------------------------------------------------------- 扩 ...
- ubuntu创建可执行图标、设置文件默认打开方式
下面以在ubuntu上安装CAJVIewer为例进行介绍 1 准备工作 1.1 下载可执行程序 https://download.cnki.net/CAJViewer-x86_64-buildubun ...
- android 将app添加进入文件的打开方式
今天,简单讲讲android里如何将自己的app添加进入文件的打开方式. 最近因为换租房的原因,状态很不好.今天尝试写点android的代码的内容.其实很简单,我们只需在AndroidManifest ...
- win10怎么取消文件默认打开方式
卸载UltraEdit后,每次打开文件都是询问是否以UltraEdit打开,关键都已经卸载了!后来面向搜索引擎操作,把相关文件和注册表一顿删除,还是会在打开.txt的时候询问以何种方式打开,实在太烦了 ...
- 后缀名.dat文件在选择打开方式时误勾选了用记事本打开, 结果电脑上的*.dat文件的打开方式都变成了记事本,没有修改文件的内容,如何恢复.bat文件的默认打开方式
项目场景: 后缀名.dat文件在选择打开方式时误勾选了用记事本打开, 结果电脑上的*.dat文件的打开方式都变成了记事本,没有修改文件的内容 问题描述 后缀名.dat文件在选择打开方式时误勾选了用记事 ...
- .html 打开方式注册表,修改注册表实现文件默认打开方式
在您的系统中安装了许多应用软件时,难免会有几个软件可以打开同一种文件格式的情况,这时,您可能希望能够自己选择用哪一种软件打开,也可能希望能在使用的过程中更换打开方式,这样不仅可以避免在某个应用软件损坏 ...
最新文章
- 多人开源博客系统再搜集
- poj 2777 Count Color
- java高并发(十三)并发容器J.U.C--AQS
- 【Android】对话框 AlertDialog
- tensorflow 小于_坐姿不对,屏幕就变模糊!教你用TensorFlow做一款“隐形背背佳”...
- 孵化业务快速落地与优化
- lz0-007 读书笔记17
- 【Spring】Spring boot的ApplicationContextAware 实现获取service
- 标签中的onclick调用js方法传递多个参数的解决方案
- 一分钟详解机器人手眼标定MATLAB及C++实现
- linux中 」 、」」 的用法
- CB Insights,201608月174家独角兽榜单出炉,上榜的33家中国公司都是谁?
- 【算法】排序_桶排序
- 零基础CSS入门教程(26)–CSS按钮实例
- 雪景特效制作软件JixiPix Snow Daze for Mac
- python缠论代码_缠论dll(czsc - 缠中说禅技术分析工具)
- 老路《用得上的商学课》学习开篇(自序)
- 至今我尚未见过一个程序化交易系统
- .net core增强工作流组件,基于稳定平台,多项目整合开发
- 【已解决替代Google英文网页翻译】英文网页翻译成中文(不用额外的插件解决方法)