Pdf生成/打印好了，现在我想如何下载文档作为JavaScript文件
要实现将生成的PDF文档作为JavaScript文件下载，可以通过以下步骤来完成：
- 在前端页面中，使用JavaScript生成PDF文档。可以使用一些开源的JavaScript库，如pdfmake、jsPDF等。这些库提供了丰富的API来创建和操作PDF文档。
- 在生成PDF文档后，将其转换为可下载的文件格式。可以使用Blob对象来创建一个包含PDF数据的URL。
- 在生成PDF文档后，将其转换为可下载的文件格式。可以使用Blob对象来创建一个包含PDF数据的URL。
- 创建一个下载链接，使用户可以点击并下载PDF文档。可以使用
<a>标签来创建下载链接，并设置其href属性为之前创建的URL。 - 创建一个下载链接，使用户可以点击并下载PDF文档。可以使用
<a>标签来创建下载链接，并设置其href属性为之前创建的URL。 - 将下载链接添加到页面中，并模拟点击下载链接以触发下载。
- 将下载链接添加到页面中，并模拟点击下载链接以触发下载。
这样，用户就可以点击下载链接，将生成的PDF文档作为JavaScript文件下载到本地。
对于腾讯云相关产品，可以使用腾讯云对象存储（COS）来存储和管理生成的PDF文件。腾讯云对象存储（COS）是一种高扩展性、低成本的云存储服务，适用于存储大量非结构化数据，具备高可靠性和安全性。
腾讯云对象存储（COS）产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
2回答
在downloadLink中下载blob
html、angular、typescript
我想下载downloadLink格式的应用程序/pdf。有可能吗？下载pdf文件最简单的方法是什么？我有base64string。
const binaryString = window.atob(this.base64ToDisplay);
const len = binaryString.length;
const bytes = new Uint8Array(len);
for (let i = 0; i < len; i++) {
bytes[i] = binaryString.charCodeAt(i);
}
浏览 26提问于2020-02-05得票数 0
1回答
从Base64字符串下载的JavaScript文件在IE中不起作用
javascript、internet-explorer、base64
我想保存/下载Base64作为pdf文件使用javascript。下面的代码可以在chrome中运行，但不能在IE中运行。我尝试了许多不同的方法，但没有在internet explorer中工作。
IE有什么问题？
function Base64ToPdf(fileName, base64String) {
const linkSource = "data:application/pdf;base64," + base64String;
const downloadLink = document.createElement("a");
浏览 14提问于2020-05-08得票数 0
回答已采纳
1回答
Javascript下载BLOB格式PDF
javascript、pdf、blob
我正在尝试将blob对象转换为pdf并下载它。
到目前为止，我已经尝试了以下几点：
var downloadLink = document.createElement('a');
downloadLink.target = '_blank';
downloadLink.download = 'name_to_give_saved_file.pdf';
// convert downloaded data to a Blob
var blob = ne
浏览 2提问于2021-12-21得票数 0
回答已采纳
2回答
如何在JavaScript中将对象转换为文本/CSV并下载为CSV？
javascript、arrays、csv、object
我正在尝试在JavaScript中将对象转换为csv并下载它。我知道要下载的逻辑，但我不知道如何转换对象以便将其用于此逻辑。
const tests = [
{
id: 1,
name: 'taro',
designId: 1,
designName: 'design1'
},
{
id: 1,
name: 'taro',
designId: 2,
designName: 'design2
浏览 8提问于2021-09-29得票数 0
1回答
在Angular中获取字节流时，下载链接未定义
angular、pdf-generation、angular-promise、downloadfile、bytestream
我正在尝试从一个端点生成一个pdf文件，showPDF函数有一个ID参数为Product，并生成一个pdf作为输出。
我尝试声明一个从该端点获取字节流的承诺：
showPdf(rowData: Product) {
console.log("ID = >" + rowData.id);
let promise = new Promise((resolve, reject) => {
let apiURL = this.apiUrl + "/api/products/get/pdf/"+rowData.id;
浏览 19提问于2020-03-12得票数 0
1回答
如何将PDF文件发送到前端？
javascript、node.js、express、pdf
我在我的系统上保存了一个.PDF文件，我试图使用节点/快递将该文件发送到前端。
我正在将文件作为流(二进制字符串)发送到前端，但是当在前端运行一些代码以使.PDF下载到用户计算机上时，.PDF文件将显示为空白。
以下是我在服务器上的路由：
app.post('/someroute', (req, res) => {
let pdfPath = './somepath/where/the/pdf/is'
// if the file does not exist
if (!fs.existsSync(pdfPath)) {
console
浏览 3提问于2018-03-06得票数 1
回答已采纳
2回答
如何在不使用库的情况下创建PDF文件？
javascript、reactjs、pdf、pdf-generation
我尝试在不使用库的情况下从JS对象创建PDF，代码如下：
var downloadLink = document.createElement('a');
var blob = new Blob(["Random text"], {type: 'application/pdf'})
console.log(blob)
var url = URL.createObjectURL(blob);
downloadLink.href = url;
downloadLink.download = `${title}.pdf`;
document.body.
浏览 0提问于2020-03-10得票数 0
1回答
下载多个文件的Chrome警告，尽管只有一个文件
angular、typescript、angular-httpclient
我以前从未遇到过这个问题，但是每当我试图以编程方式下载一个文件时，chrome会阻止这个尝试并警告我，这个页面想要下载多个文件.但事实并非如此。
我收到一个包含一些信息的JSON，但是其中一个字段名为documentContentB64，只有一个base64编码的pdf文件。下面的代码(为了简洁起见)最后，如果我允许Chrome下载多个文件，只需按预期提供一个PDF。
downloadInvoicePdfData() {
this.httpClient.get('<url>',
{ observe: 'response
浏览 6提问于2021-03-02得票数 0
回答已采纳
3回答
本机.click()不触发Chrome 57中的Blob下载
javascript、html、google-chrome、dom-events
客户端Blob保存代码的片段突然停止在Google中工作。同样的代码继续在Firefox中工作。除其他外，代码几乎与中提供的代码相同。
var downloadLink = document.createElement("a");
var url = URL.createObjectURL(new Blob(["\ufeff", rows]));
downloadLink.href = url;
downloadLink.download = filename;
document.body.appendChild(downloadLink);
download
浏览 1提问于2017-03-13得票数 2
回答已采纳
3回答
将文本文件作为blob写入时无法保留换行符
javascript、html、web、blob
我有一个文本区，其中包含我想要输出到文本文件供用户下载的文本。
当用户单击保存按钮时，我使用此函数来获取它
function saveTextAsFile()
{
var textToWrite = document.getElementById("inputText").value;
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
alert(textFileAsBlob);
var fileNameToSaveAs = document.ge
浏览 0提问于2013-10-05得票数 16
回答已采纳
1回答
Firefox - set Blob下载源
javascript、firefox、blob
我正在创建一个脚本，允许您在页面上下载当前表的CSV文件，如下所示：
var downloadLink = document.createElement("a");
var blob = new Blob(["", CSVString], {type: 'text/csv;charset=utf-8'});
if (navigator.appVersion.toString().indexOf('.NET') > 0) {
window.navigator.msSaveOrOpenBlob(blob, "D
浏览 1提问于2017-08-21得票数 6
回答已采纳
2回答
Angular -在组件的新选项卡中打开链接？
javascript、angular、typescript
我从API收到了一份base64文档。 这是我找到的唯一解码和下载它的方法： const linkSource = 'data:application/pdf;base64,' + apiResponse;
const downloadLink = document.createElement('a');
const fileName = 'xx.pdf';
downloadLink.href = linkSource;
downloadLink.download = fileName;
downloadLink.click(); 它工作得很好
浏览 20提问于2020-10-29得票数 0
2回答
下载文件在google的最新版本中无法工作[65.0.3325.181 (正式构建)(64位)]
javascript、angularjs、google-chrome
下面的功能在以前的chrome 64.0.3282.186 (Official Build) (64-bit)版本中运行得很好，但在最新版本的google中却不起作用。[65.0.3325.181 (Official Build) (64-bit)] .Insteadof下载文件，它在同一个选项卡中打开。
为什么这种行为的变化出现在最新版本的铬，以及我们如何才能做到这一点？
这是一个函数，它有javaScript行可以在同一个选项卡中下载文件：
$scope.downloadFile = function (file) {
var downloadLink = docu
浏览 0提问于2018-04-10得票数 0
回答已采纳
2回答
导出pdf适用于除angular 5中的internet explorer 11之外的所有浏览器。
angularjs、internet-explorer、export-to-pdf
我试着在所有的网络浏览器(chrome，FireFox)上测试"Export PDF“angular，它能正常工作，除了it 11
//******************************************".html"******************************************//
<button title="{{'purchase request'| translate}} PDF" mat-button class="header-button"
(
浏览 8提问于2020-07-01得票数 0
1回答
如何测试创建文件的实用程序函数
javascript、unit-testing、jestjs、enzyme
我有一个小的实用函数，我正在尝试用Jest和Enzyme来测试。我什么也得不到。 function downloadCSV(csv: string, filename: string) {
let csvFile;
let downloadLink;
csvFile = new Blob([csv], { type: 'text/csv' });
downloadLink = document.createElement('a');
downloadLink.download = filename;
downloadLink.href
浏览 16提问于2019-09-06得票数 2
回答已采纳
1回答
当我打开Salesforce附件时，它会被下载，但是pdf是空的。
javascript、salesforce、blob、binary-data、arraybuffer
我正在使用Rest获取附件主体。
var config = {
method: 'get',
url: '<Domanin>/services/data/v48.0/sobjects/Attachment/00PD000000HQD68MAH/Body',
headers: {
'Authorization': `Bearer ${
accessToke
浏览 4提问于2021-10-28得票数 6
1回答
在angular 6中使用HttpClient下载文件
angular
当用户点击下载方法时，我必须在浏览器内部使用angular 6中的HttpClient下载csv文件。 component.service.ts download():Observable<any[]>{
return this.http.get<any[]>(this.url+'/download/external');
} compononent.ts onDownload(){
console.log("data is downloading");
this.service.download().sub
浏览 9提问于2019-03-29得票数 1
1回答
哪种类型的控制代码会通过Javascript中的Blob() API？
javascript、download、blob
我今天刚刚发现了Blob() API，试图从我的站点上的一些input和span元素中下载文本到文件中。问题是Blob()，无论我给它什么样的类型，都会删除所有的控制代码，至少是像\n\r这样的基本代码。
这是我用来下载作为ASCII文件构造的数据的代码：
function saveTextAsFile2(){
var textToWrite = document.getElementById("inputTextToSave").value;
var textFileAsBlob = new Blob([textToWrite], {type:'
浏览 1提问于2016-03-23得票数 1
1回答
在Android应用程序中下载文件路径
javascript、android、html、cordova、intel-xdk
我正在使用HTML5+Cordova in IntelXDK开发一个安卓应用程序。我正在使用HTML5下载一个文件，如下所示。
<script type='text/javascript'>
function saveTextAsFile()
{
var textToWrite = "This Is The Inner Text Of File.";
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
var fileNameTo
浏览 5提问于2016-01-19得票数 0
1回答
Html/JavaScript:每次下载时覆盖文件
javascript、html、download、save
是否可以在每次保存文件时覆盖该文件。我在html中有一个文本区域，我使用JavaScript将文本保存到一个文件中。它目前保存为: test.txt、test(1).txt、test(2).txt。是否有可能在每次下载test.txt时都保存它。
我用来下载的代码如下：
function saveTextAsFile()
{
var textToWrite = document.getElementById("inputTextToSave").value;
var textFileAsBlob = new Blob([textToWrite], {
浏览 4提问于2015-11-10得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
