jsPDF -如何将doc.output('dataurlnewwindow') url标题重命名为"doc.pdf“
jsPDF是一个用于在浏览器中生成PDF文件的JavaScript库。它可以通过将HTML元素、文本、图像和其他内容转换为PDF格式，实现动态生成和下载PDF文件的功能。
要将doc.output('dataurlnewwindow')的URL标题重命名为"doc.pdf"，可以使用以下步骤：
- 首先，确保已经引入了jsPDF库，并创建一个新的jsPDF实例，例如：
var doc = new jsPDF();- 然后，使用jsPDF的相关方法生成PDF内容，例如：
doc.text('Hello World!', 10, 10);- 最后，使用以下代码将生成的PDF文件下载到本地，并将URL标题重命名为"doc.pdf"：
doc.save('doc.pdf');这样，生成的PDF文件将以"doc.pdf"的文件名下载到用户的设备上。
推荐的腾讯云相关产品：腾讯云对象存储（COS），它是一种高可用、高可靠、低成本的云端存储服务，适用于存储和处理各种类型的文件和媒体资源。您可以将生成的PDF文件上传到腾讯云对象存储，并通过提供的链接地址进行访问和分享。
腾讯云对象存储产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
在jsPDF中使用doc.output('dataurlnewwindow')时，窗口的标题是一个随机且抽象的url字符串。实际上有没有可能根据网站域名加上文件名来重命名url，比如doc.pdf？
谢谢!
浏览 18提问于2016-07-01得票数 1
1回答
我想用我现有的动态表制作一个PDF文件，我已经试过了，结果会有50%的成功，我使用，结果如下
.I也希望更改列宽和标题文本.
Component.HTML
id="htmlData" #htmlData
我在我的容器分区中使用这个
Component.TS
import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import * as jsPDF from 'jspdf'
@ViewChild('htmlData') htmlData:
浏览 2提问于2020-07-20得票数 1
回答已采纳
2回答
我正在使用下面中建议的代码。以下是我使用的pdf转换功能。
function pdfGenerator(){
var doc = new jsPDF();
var elementHandler = {
'#ignorePDF': function (element, renderer) {
return true;
}
};
var source = window.document.getElementsByTagName("b
浏览 3提问于2016-08-22得票数 0
1回答
我使用jsPDF将html转换成pdf。当一个页面包含大量文本时，我只得到一个空白pdf或一个没有contentsanf 数据的灰色页面: url中的。
我在控制台中没有错误。
如何使它正确打印pdf？
若要转换为pdf，请使用以下代码：
$(document).ready(function(){
var specialElementHandlers = {
'#editor': function (element,renderer) {
return true;
}
};
$
浏览 5提问于2015-05-13得票数 1
回答已采纳
1回答
我正在使用jsPDF()，我想要呈现一个文档，我有一个值BASE64，现在我想做一个BLOB并返回到普通视图，我该如何使用JSPDF来做到这一点呢？ 这就是密码 const print = () => {
const myFont = "";
var doc = new jsPDF();
doc.text(20, 20, "Name " );
doc.addFileToVFS("MyFont.ttf", myFont);
doc.addFont("MyFont.ttf", "MyFont&#
浏览 250提问于2021-08-08得票数 2
1回答
jsPdf生成空白PDF
、、、
我试图用jsPdf生成当前HTML页面的PDF -然而它生成的是一个空白的PDF。
此函数正由ng-click调用：
$scope.getPdf = function() {
doc.fromHTML($document.outerHTML, 15, 15, {
'width': 190,
'elementHandlers': specialElementHandlers
});
doc.output("dataurlnewwindow");
}
你知道我做错了什么吗？
浏览 0提问于2015-10-15得票数 0
我在使用jsPDF时遇到了问题。当使用doc.output('datauri');在另一个窗口中打开一个新的PDF时，什么都不会发生。
以下是我正在做的事情：
$(".email_button").click(function(){
// LOOP THROUGH EACH CANVAS SECTION AND STORE THE DATA INTO PDF FORM USING JSPDF CONVERT
var canvas = $(".ifp_container_printing_15
浏览 3提问于2014-07-29得票数 3
回答已采纳
1回答
jsPDF集合表格样式
、、、
如何设置表格单元格的高度，我现在使用以下代码：
function createNew()
{
//GenPDF();
var doc = new jsPDF();
var elementHandler = {
'#ignorePDF': function (element, renderer) {
return true;
}
};
var source = window.document.getElementsByTagName("body")[0];
浏览 0提问于2014-10-24得票数 0
0回答
我有以下代码来使用jsPDF库生成我的PDF文件：
// JSPDF, docs: http://rawgit.com/MrRio/jsPDF/master/docs/global.html
// Default export is a4 paper, portrait, using milimeters for units
var doc = new jsPDF()
浏览 3提问于2017-06-09得票数 3
回答已采纳
我正在使用JsPDF生成一些PDF文件，然后下载它们。在Chrome和Edge上，它可以正确地生成和下载所有这些文件，但在Firefox中，它只下载第一个文件。 这是我的代码： <script>
$( document ).ready(function() {
let doc = new jsPDF();
doc.text(20, 20, 'hello');
for(a = 0; a < 6; a++){
// doc.output('dataurlnewwindow&#
浏览 32提问于2019-05-13得票数 0
1回答
我使用jsPDF和插件jsPDF-AutoTable
我有一个要打印的html表格。
$('#printFreeRoom').on('click', function (e) {
freeRoomAvailableReport($("#freeRoomTableResult"));
});
function freeRoomAvailableReport(tableId) {
var doc = new jsPDF('p', 'pt');
doc.text("From HTML"
浏览 2提问于2015-09-24得票数 1
我有这个函数：
function printPdf() {
var doc = new jsPDF();
var elementHandler = {
'#editor': function (element, renderer) {
return true;
}
};
var source = window.document.getElementById("page");
doc.fromHTML(
source,
15,
15,
{
'width': 180, &
浏览 2提问于2016-04-27得票数 0
5回答
我正在使用angular2和Node JS。我已经使用安装了和npm两个模块。在ange-cli.json文件中，我嵌入了以下脚本：
"scripts": [
"../node_modules/jspdf/dist/jspdf.min.js",
"../node_modules/jspdf-autotable/dist/jspdf.plugin.autotable.js"
],
在我的component.ts文件中，我导入了以下这些文件：
import * as jsPDF from 'js
浏览 18提问于2017-11-17得票数 2
回答已采纳
1回答
我已经包含了以下文件：
<script type="text/javascript" src="libs/png_support/zlib.js"></script>
<script type="text/javascript" src="libs/png_support/png.js"></script>
<script type="text/javascript" src="jspdf.plugin.addimage.js"></
浏览 2提问于2015-04-22得票数 9
我使用jsPDF从.html()生成文档(使用.html()方法)，它工作得很好。但现在我要做的是：
创建jsPDF对象。
使用.html()方法添加内容。
将新页添加到创建的文档中。
使用相同的.html()方法将内容添加到第二个页面。
保存创建的文档。
下面是代码示例：
var doc = new jsPDF({ orientation: 'p', format: 'a4' });
doc.html(document.getElementById('test'), {
callback: function
浏览 5提问于2019-05-14得票数 3
1回答
我正在使用jsPDF将canvas中的图像转换为toDataURL()。具体来说，我正在处理的PNG曾经转换为JPEG，并使用jsPDF插件保存到PDF文件中。我收到一个黑色背景。我知道这与PNG能够处理透明背景和JPEG无法注册有关。我知道有一些解决方法，可以创建某种背景来替换已经插入到新创建的JPEG中的黑色背景，但我不确定如何才能做到这一点？
建议，想法？
下面是我正在做的事情：
$(".email_button").click(function(){
// LOOP THROUGH EACH CANVAS SECTION AND S
浏览 2提问于2014-07-29得票数 1
1回答
使用html2canvas & jsPDF，我正在尝试打印屏幕上的整个DIV，我已经做到了这一点： const printAsPdf = () => {
html2canvas(pageElement.current, {
useCORS: true,
allowTaint: true,
scrollY: -window.scrollY,
}).then(canvas => {
const image = canvas.toDataURL('image/jpeg', 1.0);
const doc = new
浏览 135提问于2020-03-31得票数 5
回答已采纳
1回答
我在这里偶然看到了jsNode库，所以我安装了。我试着用它打印传单地图。看来我没能很好地设置它。它创建PDF，但地图上没有显示任何内容。你能帮我吗？
Javascript
function genPDF() {
var doc = new jsPDF();
var elementHandler = {
'#ignorePDF': function(element, renderer) {
return true;
}
};
var source = window.document.getE
浏览 6提问于2016-06-09得票数 1
我正在尝试使用jsPDF插件在应用程序中创建自定义打印输出。应用使用AngularJs的框架工作。我试过很多不同的示例代码，但都没有用.(， ->addHtml .)
我的代码：
插件加载：
...resolve: {
loadPlugin: function ($ocLazyLoad) {
return $ocLazyLoad.load([
{
serie: true,
name: 'Ch
浏览 8提问于2015-10-22得票数 1
回答已采纳
我在一个ReactJS应用程序中运行pdf-autotable v2.3.2和jspdfv1.3.3。我没有更改任何代码，但以前在新的Chrome标签页上显示的PDF(而且看起来很漂亮，BTW)现在不再显示。
选项卡打开时标题为“无标题”，网址类似于data:application/pdf;base64，characters)...Ci9CaXRzUGVyQ29tcG9uZW50IDgKL0ZpbHRlciAvRENURGVjb2RlCi9MZW5ndGggNDAyMj4+CnN0cmVhbQr/2P/hABhFeGlmAABJSSoACAAAAAAAAAAAAAAA/+wAEUR1Y2t5A
浏览 1提问于2017-08-15得票数 0
1回答
我使用jsPdf将我的网页保存为pdf
我正在使用流星框架，这是我的代码
'click .button':function(e)
{
var doc = new jsPDF();
var source = $('#stackoverflow').first();
var specialElementHandlers = {
};
doc.fromHTML(
source, // HTML string or DOM elem ref.
浏览 2提问于2014-05-25得票数 1
当我尝试对使用jsPDF API生成的PDF文件进行预览时，当我向文档中添加超过3幅图像(每幅图像都是300-400 it )时，我遇到了问题，我可以正确下载文档，但是我不能使用jsPDF方法在浏览器中显示它: doc.output('dataurlnewwindow')。在我的浏览器上正在打开一个新的选项卡，但是它是空白的(在标签的顶部，它声明“收费.”)但它从来没有展示过。然而，我可以下载的PDF文件，没有任何问题，我的个人电脑使用jsPDF方法: doc.save( this.reportFileName )；
你知道为什么会发生这种事吗？可能是与PDF文件的大小有关的问
浏览 11提问于2022-06-27得票数 1
如果我的帖子重复了，请给我参考。
因为我没有从我的问题中找到合适的帖子。
我有简单的表格
<div class="form-control" id="input">
<label>Name :</label>
<input type="text" name="name" id="name" autocomplete="off" required>
<br><label>Class :</label&
浏览 2提问于2016-09-02得票数 0
1回答
我想用jspdf将这个表准确地复制到PDF中。
但是jspdf给我印了这个：
这是我的密码：
<style>
table#disenio{
border: 1px solid black; width: 400px; background: #CCC; color: #A41E15;
}
table#disenio td, table#disenio th{
border: 1px solid black; width: 400px; background: #CCC; color: #A41E15;
}
<table id="
浏览 1提问于2014-08-17得票数 1
回答已采纳
我在Angular JS中有一个应用程序，它使用JSPDF。
问题是，生成PDF在Chrome、Firefox和Safari中有效，但在IE中根本不起作用。在那里，我得到了以下错误：
SCRIPT438: Object doesn't support property or method 'trimLeft'
jspdf.plugin.from_html.js, line 71 character 4
js文件中用于生成PDF的代码：
function mainControl($scope) {
$scope.showtooltip = false;
浏览 0提问于2015-09-04得票数 0
我的html网页中的PDF生成器按钮不起作用。有人能解释一下我哪里出错了吗？
我使用的是jquery版本1.7.2。
<!DOCTYPE html>
<html>
<head>
<title>Print Fax View</title>
<meta content="text/html; charset=utf-8" http-equiv=Content-Type>
<meta name="viewport" content="width=device-width, initi
浏览 2提问于2014-06-02得票数 2
回答已采纳
嘿，伙计们，我正在试着使用pdf.js，但我还是个新手。我有HTML用户注册表单，用户可以输入他们的姓名，电子邮件和密码。我有一个提交按钮，当用户点击时，它应该生成一个新的选项卡中的输入字段和用户提交的pdf文件。
到目前为止，我的jQuery代码没有做任何事情：
$(function() {
var specialElementHandlers = {
'#editor': function(element, renderer) {
return true;
}
};
$('#printButton').click(funct
浏览 1提问于2018-07-23得票数 0
我正在用jspdf.js生成pdf。
它返回了一个datauri字符串(Pdf)，如下所示
data:application/pdf;base64,JVBERi0xLjMKMyAwIG9iago8PC9UeXBlIC9QYWdlCi9QYXJAyNwovUm9vdCAyNiAwIFIKL0luZm8gMjUgMCBSCj4+CnN0YXJ0eHJlZgo1MDMzMzMKJSVFT0Y...
我试图在iframe和新选项卡中显示这个pdf。
我使用以下代码在iframe中显示pdf：
$('#iframeid').attr('src', x); // her
浏览 1提问于2015-05-20得票数 0
我收到
资源'blob:ms-appx-web://mysiteurl/3d5c0f51-04e2-4944-bf3e-4ea19185511c‘：SEC7134:不允许加载
这种错误。所以请帮助我们解决这个问题。
这里我的脚本代码
function GeneratePdf() {
var doc = new jsPDF();
doc.text(20, 20, 'Hello world');
doc.text(20, 20, "Hello world from the angular js");
//
浏览 5提问于2019-12-10得票数 0
2回答
在相当长的一段时间里，我一直在尝试用jsPDF创建一个多页的PDF文件。
我有一个包含几个DIV的HTML文档
<div id="pdfContainer">
<div id="page1">Content page 1</div>
<div id="page2">Content page 2</div>
<div id="page3">Content page 3</div>
<div id="pag
浏览 0提问于2017-02-15得票数 0
2回答
jsPdf不支持css
、、、、
我正在尝试从html转换为pdf格式。所以我在我项目中使用了jspdf插件
<script type="text/javascript" src="../../../../resources/jspdf/html2canvas.js"></script>
<script type="text/javascript" src="../../../../resources/jspdf/jspdf.js"></script>
<script type="text/ja
浏览 4提问于2015-06-19得票数 0
我是stackoverflow上的“新手”，但我经常来这里获取提示。
我从jsPDF自动表格插件附带的simple.html文件中提取了一些代码，但它似乎不能从php生成的表格中提取数据。
我正在尝试将数据转换成一种可以转换成漂亮的pdf报告的格式--“所有的修整”--比如:分页符、每页的标题、交替的行色等等。
我试图将数据转换成jsPDF autotable可以使用的形式，但我错了，因为它只是遍历数组，保存最后一条记录，并以pdf格式打印出来。代码如下所示。
<button onclick="generate()">Generate pdf</button&
浏览 1提问于2019-08-20得票数 1
2回答
帮帮我我急需帮助。现在是真正的问题。
我一直试图让我的pdf打开在Safari的新标签，但到目前为止，我只面临失望。我使用jsPDF来生成PDF，之前我使用的是
doc.save(pdfName+".pdf")
方法进行同样的操作，就像在最新的safari版本"9.1.1(10601.6.17)“中一样。我仍然可以使用jsPDF的内置选项生成pdf：
pdf.output('dataurl');
但是，它倾向于在同一个选项卡中打开PDF，这种行为是非常不可取的。我尝试了网络上的各种解决方案来解决这个问题，但都没有效果。我尝试过的一些解决方案是：
使用
浏览 8提问于2016-06-20得票数 6
2回答
我有一种情况，我不得不忽略一些div，我使用的是一个JSPDF插件，它的想法是只获得一些div(这是用户选择的结果)，JSPDF得到代码frome html，所以它甚至得到隐藏的div。
这是我的代码，但不起作用，任何帮助都会很感激，
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
$("div[style*='display:no
浏览 3提问于2015-06-27得票数 1
1回答
我正在用doc.output('dataurlnewwindow')在一个新的选项卡中生成pdf，但是我不喜欢我的新选项卡的下面的命名。
数据:应用程序/pdf；base64 64，JVBERi0xLjMKMyAwIG9iago8PC9UeXBlIC9QYWdlCi9QYXJlbnQgMSAwIFIKL1Jlc291cmNlcyAyIDAgUgovTWVkaWFCb3ggWzAgMCA1OTUuMjggODQxLjg5XQovQ29udGVu.......==
是否可以为选项卡标题指定自定义名称？
浏览 1提问于2018-03-08得票数 0
如果使用autoTable jspdf的'Target Data Type‘和'Data Type Verified’标题列的值不同，我想将文本颜色改为红色并加粗。我尝试了一个代码，但它不起作用。我用Angular2+写的。 capture() {
var doc = new jspdf('l', 'pt', 'a4');
var cols= [ { title: 'Target Data Type', dataKey: 'tdataType' }, { title: &
浏览 10提问于2019-06-25得票数 1
回答已采纳
1回答
嗨，im使用jspdf创建pdf文件。我想把它转换成base64并保存在服务器中。我正在使用输出方法。
var output = doc.output()
var url = 'data:application/pdf;base64,' + Base64.encode(output);
这个场景中的问题是，图像没有显示在pdf中。如果我使用doc.output('datauri')，那么它会显示图像，但是它会打开一个新窗口。如果不打开pdf，我如何才能获得包含图像的pdf内容到Base64？
这些是我用过的脚本
<script src="js/js
浏览 3提问于2016-04-07得票数 0
我需要你的帮助。我试着在博客中的每一篇文章中创建可下载的pdf文件。我使用了以下代码和插件：
插件：
jQuery v1.11.3
jspdf.js
HTML结构
<div id='printpdf'>
..................
Blog Post Content here
.....................
</div>
<div id="editor">
</div>
<button id="btn-pdf" type="button" name=
浏览 2提问于2015-09-07得票数 0
1回答
我有一个表单，用户将部分填写。一旦他们做出了所有的选择，我想把页面呈现为PDF，然后将其作为电子邮件发送。我似乎无法理解它的教程和示例。目前，我在head部分引用了jquery和jspdf
<script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.4/jqu
浏览 7提问于2016-09-21得票数 0
1回答
我试图在画布上画文字，把它转换成图像，然后把它转换成PDF格式。其中大部分都非常简单，但jsPDF似乎总是以每英寸72像素的比例将图像转换为PDF。这产生非常模糊，低分辨率的图像，当然不适合文本.
这就是产生这种情况的原因：
const size = [8.5, 11]; // Size in inches
const canvas = document.createElement("canvas");
canvas.width = size[0] * 72;
canvas.height = size[1] * 72;
const context = canvas.g
浏览 4提问于2022-05-12得票数 3
我们能在手机和标签中使用jspdf生成pdf吗？我有一个简单的Android应用程序(没有Phonegap没有Cordova)，还有一个IOS应用程序，jspdf可以在网络上顺利工作，但无法在IOS和android中生成pdf。
doc.output('save', 'Pass.pdf');
适用于网页浏览器。我试过了
doc.save();
和
var blob = pdf.output();
window.open(URL.createObjectURL(blob));
当我试着：
var res = doc.output();
var blob
浏览 4提问于2016-02-25得票数 1
1回答
我正在创建一个Razor Pages Web应用程序，我试图有一个按钮，当点击时，生成一个pdf。为此，我使用jsPDF将html转换为pdf。我可以让它创建并打开一个pdf，但当我尝试添加一个图像时，我遇到了这个问题，点击按钮不能打开任何pdf。我可以用以下代码创建无图像的pdf：
按钮代码：
<button class="btn btn-sm btn-secondary order-button" id="testImage" onclick="this.form.submit(@Model.Project.ID)">Create
浏览 14提问于2021-02-25得票数 0
回答已采纳
1回答
如何将div内容添加到jspdf中的新页面？我尝试使用<br>，它创建了一个新页面，但是我看不到内容。
<div id="printArea">
<div style="margin: 3px 430px;">First Page</div>
<div>Place content to Second Page</div>
</div>
var doc = new jsPDF();
var specialEle
浏览 0提问于2016-02-07得票数 3
4回答
使用JSPDF在客户端生成PDF
、、、、
在我的应用程序中，我需要通过在客户端解析HTML来下载pdf。为了在客户端生成pdf，我使用jsPdf。以下是我的密码。
PdfGenerator.java
public static native String createPDF() /*-{
$wnd.createPDF();
}-*/;
entrypoint.html
function createPDF(){
try {
var doc = new jsPDF();
doc.text(20, 20, 'This PDF has a title, s
浏览 4提问于2012-08-15得票数 3
回答已采纳
所以我有一个jspdf脚本，我正在使用它。.save按照预期工作，并输出图像+文本元素。
怎么做？
doc.output() =仅文本
doc.output('datauristring') =损坏的pdf
我想我在这里遗漏了一些东西，这是我的代码示例
var imgData = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQIAdgB2AAD/examplestringonly...';
var doc = new jsPDF('p', 'pt');
doc.text(35, 340,
浏览 498提问于2019-03-03得票数 0
1回答
我正在尝试将jsp页面输出转换为PDF。为此，我正在尝试jsPDF API。我做了一些研究和开发，并为同样的代码。有一个PDF正在打开，但它是空白的。需要帮助。
<script type="text/javascript" src="jsPDF/examples/js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jsPDF/jspdf.js"></script>
<scrip
浏览 0提问于2015-05-21得票数 1
回答已采纳
1回答
嗨，我有一个问题，任何人都可以告诉我如何在浏览器中显示打印页面，而不是下载文件。我正在使用jsPDF库。
var pdf = new jsPDF('p', 'mm', 'a4');
pdf.text(30, 30, 'Hello world!');
pdf.save('hello_world.pdf');
下面是一个示例代码。当我运行这个程序时，它会下载文件，但不会显示打印页面。我想要的只是显示打印页面，而不是下载文件，然后打印出来。
谢谢！
浏览 5提问于2019-10-24得票数 0
回答已采纳
1回答
我有一个简单的HTML页面，标题部分有一个背景图像。
在使用jspdf将页面转换为Html之后，所有内容都会显示预期的背景图像。
看这个烦琐的
html
<body id="pdf">
<!-- header section -->
<div class="section-header" id="main_d">
<h1>
data
</h1>
</div>
</body>
cs
浏览 7提问于2019-11-28得票数 7
回答已采纳
1回答
我有张桌子：
<table id="example" cellpadding="0" cellspacing="0" border="0" class="display" width="100%">
<thead>
<tr>
<th>No</th>
<th>Id</th>
<th>Name</th>
<th>Class</th>
浏览 2提问于2016-08-24得票数 0
回答已采纳
如何在jsPDF .text()方法中为文本指定字母间距？这是我现在使用的代码。
var doc = new jsPDF('p', 'mm', [183, 203]);
doc.setFontSize(9);
doc.setFont("monospace");
doc.text(39, 38, 'hello world');
doc.output('dataurl');
浏览 1提问于2016-05-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
