前端excel转pdf

2023-12-21 07:21| 来源: 网络整理| 查看: 265

在前端将Excel转换为PDF有多种方案，以下是其中两种简单的方案：

使用JS PDF库，先将Excel文件转成Base64格式，然后再使用JS PDF库将其转换为PDF格式，最后使用saveAs函数下载PDF文件。

具体步骤如下：

(1) 安装JS PDF库

npm install jspdf --save

(2) 使用js-xlsx库将Excel文件转换成Base64格式

import * as XLSX from 'xlsx'; let wb = XLSX.utils.book_new(); let ws = XLSX.utils.table_to_sheet(document.querySelector('#table')); XLSX.utils.book_append_sheet(wb, ws, 'Sheet1'); let base64 = XLSX.write(wb, { type: 'base64' });

(3) 使用JS PDF库将base64格式的Excel文件转换成PDF

import * as jsPDF from 'jspdf'; let pdf = new jsPDF('p', 'pt', 'a4'); pdf.addImage(base64data, 'JPEG', 0, 0, 595.28, 841.89); // 设置图片为A4纸大小 pdf.save('output.pdf'); 使用在线的Excel转PDF工具，将Excel文件上传到该工具中，然后在前端用JavaScript发起HTTP请求下载转换后的PDF文件。

具体步骤如下：

(1) 找到一个在线的Excel转PDF工具，如Zamzar等。

(2) 使用JavaScript发送HTTP请求上传Excel文件并将其转换成PDF。

let excelFile = document.querySelector('#excelFile').files[0]; let formData = new FormData(); formData.append('source_file', excelFile); formData.append('target_format', 'pdf'); let xhr = new XMLHttpRequest(); xhr.open('POST', 'https://api.zamzar.com/v1/jobs', true); xhr.setRequestHeader('Authorization', 'Basic ' + window.btoa('API_KEY' + ':')); xhr.onload = function () { let data = JSON.parse(xhr.responseText); let downloadUrl = data['target_files'][0]['url']; window.location.href = downloadUrl; }; xhr.send(formData);

注意，这里需要替换API_KEY为你自己的API_KEY。

以上是两种简单的前端Excel转PDF的方案，读者可以根据具体场景自行选择合适的方案。

【本文地址】

公司简介

联系我们