JsPDF生成的pdf文件如何传到后台保存下来? 5C

我使用jsPDF将html页面生成为了pdf,在前台可以通过jspdf.save()方法下载文件,但是如何能获取生成的文件传到后台啊。后台是java项目,springMVC。但这个应该和后台技术没关系,只要是前台不知道该如何获取文件流

0

6个回答

前端:
......
pdf.save("测试.pdf");
var datauri = pdf.output('dataurlstring');
//去掉前面的字符串后,就是文件的加密字符串
var base64 = datauri.substring(28);
然后把这个字符串送到后台解密
后台:
主要用BASE64Decoder解密,放到文件流里

1
qq_36564595
qq_36564595 请问这个字符串怎么传到后台
大约一年之前 回复

通过流的方式传到后台

0
anhuoren
anhuoren 这个文件的流怎么获取?
大约一年之前 回复

可以通过form提交的形式把PDF post给spring框架,设置好contentType就可以了;跟传入图片是一样的

0
anhuoren
anhuoren 哈哈,这个可没有上传文件的步骤哦,也无法得到文件的流,是使用jsPDF将html也没动态的生成的PDF,根本得不到pdf文件也就无法form提交了。
大约一年之前 回复

新手第一次弄这个,有点吃劲,题主有时间帮忙解答一下

0
anhuoren
anhuoren 直接用ajax传到后台啊,和普通传递字符串没有区别
大约一年之前 回复

百度了半天没有相关蛛丝马迹,只得自己研究。最终解决,其实是jsPDF的output方法返回的字符串处理后得到base64的加密字符串,然后传到后台解密,生成文件流,最终生成pdf

-1
qq_25162731
悲催丘八 请问我把base64传到后台保存为文件但是pdf是空的,没有内容,但是在前端直接保存又是正常的。。。这是怎么回事呢?
10 个月之前 回复
anhuoren
anhuoren 回复qq_24872853: 我在下面贴代码
大约一年之前 回复
anhuoren
anhuoren 回复qq_24872853: 前端:
大约一年之前 回复
qq_24872853
qq_24872853 请问有代码分享一下吗
大约一年之前 回复

具体来说还是挺麻烦的,但是这个可以百度到,你直接百度就可以了。

-2
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jsPDF生成PDF文件,文件不全问题,后台进行文件下载,前台不下载
我是前端使用jsPDF进行生成PDF文件,使用Base64进行加密,解密;后台进行文件流下载 1.前端使用jsPDF和html2canvas进行生成PDF文件(当然有这同样的毛病,生成时候有滚动条的情况下,内容会丢失,我这里使用的是网上很多人的一种思路,把要进行生成的标签,进行复制一份,对这个复制了的对象进行操作,就不会丢失内容了。并且,这里没有让用户在前台页面进行下载,这里是直接进行传递到后台...
使用html2canvas截屏,利用itextpdf转为pdf保存到数据库
项目里的一个需求,需要将html转为pdf保存到远程FTP服务器和数据库 解决方案:使用html2canvas截取页面元素,类似截图的效果,再利用itextpdf转为pdf保存到数据库。 优点:支持中文(也想过使用其他的插件,如jsPDF等插件,可是不支持中文,可惜了);容易上手 缺点:html2canvas截图的缺点就是,不够清晰,这点不是很满意; html2canvas 这个就
前端通过html2canvas+jspdf 生成PDF文件
JS通过html2canvas+jspdf 生成PDF文件 下载必要的JS文件 jspdf.debug.js: https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.jshttps://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js html2ca...
前端html页面导出pdf文档,并且上传保存至服务器
1. 引入三个js文件 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script> &
前端jspdf生成PDFbase64格式的字符串通过ajax传输后台生成PDF文件
前端JS框架:AngularsJS前后端交互:Ajax后端技术:Java相关代码:HTML代码片段:<button ng-click="generatePdf()">生成账单</button> <div id="zero">HelloWorld</div> <script src="static/libs/jsPDF-master/d
Html转pdf 页面直接完成 无需后台 html2canvas+ jsPdf
html2canvas jsPdf html页面截图保存pdf,由于表格线问题,所以在里面进行替换,无需后台操作,不过有问题的是如果多页那么抓取也的div标签内容过多,不好进行分页处理,效果一般
jsPDF,生成pdf文件的助手
jsPDF是一个强大的基于HTML5的PDF生成工具,许多公司需要用它来生成pdf报表。 我也是昨天才了解到它,所以我对于jspdf也是一知半解,在这里我归纳两种我觉得比较实用的生成方法。 链接地址http://mrrio.github.io/ 首先,你必须得拥有这个插件 这是练习这个功能所需要的js文件,但是我所归纳的两种只需要以下三种 如果有找不到下载地址的,可以加我百度云我
jsPDF生成pdf文件
需求:前端从服务器获取图片信息,然后将图片插入到pdf中并下载 使用的是jsPDF.js  官方文档地址:https://rawgit.com/MrRio/jsPDF/master/docs/module-addImage.html#~addImage 需要解释的是myloadImageFile 这个方法,这个是jsPDF提供的一个方法,但是他的if判断如果有跨域请求就不去获取文件了 因为我...
用jspdf实现页面下载生成pdf文件
用jspdf实现页面下载生成pdf文件 一路辛酸就不多说了,经历了各种尝试,最后终于搞定,直接贴代码: function pdfCreater(){    html2canvas(document.body, {     onrendered: function(canvas) { var imgData = canvas.toDataURL(); /* var
html2canvas + jsPDF 实现保存网页为图片
  <script type="text/javascript" src="js/rgbcolor.min.js"></script> <script type="text/javascript" src="js/canvg.js"></script> <script type="text/
html导出pdf(html2canvas,jspdf.debug)
html2canvas,jspdf.debug俩个js文件,还有个小例子,例子有瑕疵,大概功能能实现,在优化吧,
使用jspdf和htm2canvas将html数据生成pdf分页时遇到的问题
内容过多时分页成了这样,如何能够让分页时不会把文字隔开,按照空白处分页呢?求解
jspdf与zip.js结合。解决转pdf文件清晰度与文件过大的问题
jspdf与zip.js结合。解决转pdf文件过大的问题一、问题产生:使用jspdf转换html到pdf清晰度不够二、问题解决:在jspdf.debug.js源代码中下载部分集成zip.js 一、问题产生:使用jspdf转换html到pdf清晰度不够 本人使用jspdf+html2canvas 清晰度达不到要求。采用放大画板,增加清晰度。但是与此同时生成的pdf文件过大,导致客户不满意。偶然发现使...
HTML转PDF并上传FTP(1)
准备工作: 1.安装插件wkhtmltopdf,URL:https://wkhtmltopdf.org/downloads.html 2.导包 jsch-0.1.54.jar URL:http://www.jcraft.com/jsch/ 代码片段 /*wkhtmltopdf在linux服务器中的路径/ private static final String toPdf
PDF文件的背景颜色是如何的设置技巧和操作方法
我们在工作的时候都有过这样的感觉,自己坐在办公室的时间就会感到屁股有点痛,同样也是这个歌道理,如果自己长时间看着电脑,发现眼睛有点胀痛,可是我们还是需要将自己的工作进行完成,但是有什么办法可以将这种伤害降低呢?其实可以的,我们在工作的时候浏览的PDF文件其实就可以将他的背景颜色进行更换,变成对我们的眼睛起到保护作用的颜色,可是该如何的去进行操作呢,小编在这里向你介绍一下如何使用迅捷PDF编辑器将P
jsPDF生成pdf后在网页展示实例
jsPDF      window.onload=function(){  var doc = new jsPDF();  //var doc = new jsPDF('landscape');//横排  doc.setProperties({//设置文档属性  title: 'Title',  subject: 'This is the subject',  author:
喜欢就拿走jspdf+html2canvas生成下载pdf,不需要别的乱七八糟的东西。
jspdf+HTML2canvas生成pdf的两个小小的js,下载简单不需要搞一些乱七八糟的东西。
jsPDF打印超长内容
修改了html2canvas的bug,使其支持打印超长内容,进而可以使用jspdf打印为pdf文档
jsPDF生成pdf文件和中文编码 html转PDF
中文乱码问题 下载jspdf完整文件包https://github.com/MrRio/jsPDF,打开fontconverter/fontconverter.html,把windows中的ttf字体上传转换,生成字体的js文件,如msyh-normal.js,打开msyh-normal.js文件,拷贝addFont("msyh-normal.ttf", "msyh", "normal")。 ...
一个在浏览器端将html 转为pdf 的js 插件 jsPDF
<!DOCTYPE html> <html> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src=&qu
vue项目转换成pdf文件(简单易懂)
1,添加两个模块html2canvas和jspdf    (1)npm install --save html2canvas(将页面html转换成图片)    (2)npm install --save jspdf(将图片生成pdf)2,创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/components/utils/htmlToPdf.js'),内容如下        ...
前端使用jsPdf导出pdf文档
最近遇到一个需求,就是要把几个页面的数据汇总一下生成pdf报表(当然数据是后端封装好的),于是乎第一时间想到了 jspdf,但是也踩了不少坑,尤其是它竟然不支持中文. 先上点代码… 1.安装jspdf javascript 代码 npm install -S jspdf 2.安装完毕后,在要使用的组件导入jsPDF(以vue为例) javascript 代码 import j...
jsPDF:将HTML元素转换为同等宽高的PDF
需求:在前端将HTML元素导出为PDF。 需要的插件:jsPDF.js。 实现: HTML是流程图,所以宽度和高度不固定。经历种种测试之后发现,在jsPDF新建pdf时,将PDF页面直接设置为HTML的宽度和高度即可。 新建FDF文件代码如下: //l:横向, p:纵向;单位: in:英寸,mm毫米;画布大小:a3,a4,leter,[](当内容为数组时,为自定义大小) var doc
jspdf指定部分转PDF并进行下载(支持中文)
function download1(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE=window.ActiveXObject || "ActiveXObject" in window if (isIE){ alert('抱歉,暂不支持IE浏览器下载!'); re
为什么html导出pdf的时候,chrome导出图片为一片空白,火狐能导出图片?
试验了一下,在谷歌中,点击导出pdf   要报错 1:  // 从 canvas 提取图片数据             var imgData = canvas.toDataURL('image/jpeg');这句报错 2:和html2canvas.js会有下面的报错  return renderDocument(node.ownerDocument, options, node.o
jsPDF – 基于 HTML5 的强大 PDF 生成工具
jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。 使用方法很简单,只要引入 jsPDF 库,然后调用内置的方法就可以了。
用html2canvas生成pdf 图片模糊
为了找这个,我费了好大的劲。好了,不多说,开始。 想法:我的想法和网上的一样。先把canvas放大,再缩小。 使用vue的时候,先引入html2canvas.js(不知道为什么我的在本地引入就不管用了,只能在网上引用,这个链接搜cdn很管用:https://www.bootcdn.cn/all/) 直接看例子吧,应该能看懂 我也不知道为什么,在电脑上分的不是特...
用html2canvas和jspdf实现将html转成pdf下载到本地
解决了下载的图片会模糊和偏移的问题 <script src="${basePath!}/js/bluebird.js"></script> <script src="${basePath!}/js/jspdf.debug.js"></script> <script src="${basePath!}/js/html2canvas.
jsPDF生成pdf后在网页展示
jsPDF生成pdf后在网页展示
用jspdf实现html5页面下载成pdf文件
一路辛酸就不多说了,经历了各种尝试,最后终于搞定,直接贴代码: function downloadSG(){ html2canvas($('#appmsg'), { height:5000, onrendered: function(canvas) { var imgData = canvas.toDataURL('img
更改PDF文件中的背景颜色需要如何去操作
有时候我们在浏览文章的时候总是想要将文章的背景颜色去进行更换,这样看起来的话就舒服多了,而且对眼睛也起到了一个保护的作用,但是在PDF文件中想要将PDF文件进行编辑的话一般是利用PDF编辑器江北PDF文件进行编辑,但是想要将PDF文件的背景颜色进项编辑的话一般要使用的编辑器是比较专业的,否则的话就很难将他的背景颜色去进行更换!     迅捷pdf编辑器具体操作方法:     1、网
html页面保存成图片,图片写入pdf
需求是一个导出pdf的功能,多方奔走终于实现了,走了不少弯路,而且怀疑现在这个方法仍是弯的。 有个jsPDF 插件可以在前端直接生成pdf,很简便,但不支持IE。 前端: 首先引入  html2canvas.js html2canvas(document.body, {  //截图对象          //此处可配置详细参数          onrendered: function(c
jspdf实现JavaScript显示pdf文档可分页
jspdf源代码jspdf源代码jspdf源代码jspdf源代码jspdf源代码jspdf源代码
js生成pdf文件,支持中文字体,插入图片
先引入两个js文件: script src="/js/pdfmake.min.js">script> script src="/js/vfs_fonts.js">script>下载地址:http://download.csdn.net/detail/yuanyuan171601/9753111 button onclick="download()">下载PDF文件button> script
jspdf + highcharts 实现导出存在highcharts图表的html页面
经过一系列的研究,搜集资料,终于实现了导出含有highcharts图表的html页面到pdf,但还是存在一些问题,jspdf不支持中文,导出的pdf第一次打开关闭时总是问是否保存,还有就是pdf画板的宽度,试了调大一点,但不成功,只能改变窗口的大小到600px左右去配合。 思路: 1. highcharts生成图表 2.获取图表的svg,并创建一个canvas
JS 如何将 HTML 页面导出为多页 PDF
前话之前写了一篇博文 JS 如何将 HTML 页面导出为 PDF 。 当时只是自己有个需求,只是导出一页PDF,写个了示例。之后就有同学私信我问我怎么导出多页PDF。好吧,其实这些看文档画画图自己是可以写出来的。以后也可能有转换HTML导出多页的PDF需求,就决定写一个库 renderPDF 吧。地址在这里:https://github.com/pwcong/how-transform-html-
jspdf把html转化成pdf,支持分页,图片文字混排
  需要批量把工厂订单打印,还要有产品图片,描述 HTML一定要切记要打印的父元素,加上宽度,间距否则pdf会显示的不正确,宽度写在style上(在css上不起作用) img也是如此!!!!! <img src="/images/test.jpeg" style="display:inline-block;max-width: 300px;max-height:400px;"&gt...
Html字符串生成pdf的方法 支持中文及中文换行 可行demo和jar
中文换行修改好后的jar:http://download.csdn.net/download/weixin_36795183/9983888 pdf.JS http://download.csdn.net/download/weixin_36795183/9983904 一:遇到的问题; 1、 中文不支持 2、 中文不换行 3、 如何显示 4、 不显示签章二:生成(根据htm
canvas 绘制、加载图片不清晰;jspdf生成的文件打开报110错误的解决方案(直接上代码)
背景故事:     博主最近需要实现一个可在web页面上传多张图片,把上传的多张图片生成一个pdf文件的功能。实现思路是把图片加载到HTML页面中,通过canvas重新压缩、绘制以后,用jspdf.js生成pdf文件。用到的js库:jquery.js、jsPdf.js 遇到的问题:     1、生成的pdf文件,图片很模糊,跟原图差距很大;     2、打开的pdf文件,会报错(如下图)。...
用ajax调用mpdf在微信端生成pdf保存到服务器,并打开。
用ajax调用mpdf在微信端生成pdf保存到服务器,并打开。 在ios会直接打开,在安卓手机则提示下载。至于为什么IOS是直接打开,而不是提示下载,这点我也很疑惑。本人用的安卓手机,不太了解ios的手机机制是怎么样的。有人知道还请告知下这是为何。。 以下是实现的代码: 这里写了好多html内容~ --> 生成pdf 打开pdf // var myhtm
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java学习笔记.pdf java2学习指南pdf