electron使用export-pdf,过大的PDF无法保存

在electron项目中预览和保存PDF通常是在main.js里使用如下方法:

ipc.on("export-pdf", async (_event, obj) => {
	let pdfWindow = new BrowserWindow({
		webPreferences: {
			nodeIntegration: true,
			webSecurity: false,
			enableRemoteModule: true,
		},
		show: false, // 是否显示窗口
		width: 800,
		height: 600,
		fullscreenable: true,
		minimizable: false,
	});
	pdfWindow.loadURL(`data:text/html;charset=utf-8,${encodeURI(obj.html)}`);

    pdfWindow.webContents.on("did-finish-load", () => {
		const pdfPath = obj.filePath;
		pdfWindow.webContents
			.printToPDF({
				printBackground: true,
			})
			.then((data) => {
				fs.writeFile(pdfPath, data, (error) => {
					if (error) throw error;
					pdfWindow.close(); // 保存pdf过后关闭该窗口
					pdfWindow = null;
					win.webContents.send("export-pdf-reply", "success");
				});
			})
			.catch((error) => {
				console.log(error);
				win.webContents.send("export-pdf-reply", "fail");
			});
	});

但浏览器对链接长度有限制,当用户的链接过长,就会导致解析失败。

解决办法是先将内容写入临时文件

	async createTempFile(content) {
			let that = this;
			return new Promise((resolve, reject) => {
				let tempPath = ""; // 你的临时文件目录
				const fileName = `${Date.now()}.html`; // 使用当前时间戳作为文件名
				const filePath = pathf.join(tempPath, fileName);
				// 写入内容到临时文件
				fs.writeFile(filePath, content, (err) => {
					if (err) {
						that.downFail();
						return;
					}
					console.log("HTML file has been saved.");
				});
				resolve(filePath);
			});
		},

接着将main.js里的loadUrl替换为loadFile方法,地址为你的临时文件就可以正常预览下载了

ipc.on("export-pdf", async (_event, obj) => {
	let pdfWindow = new BrowserWindow({
		webPreferences: {
			nodeIntegration: true,
			webSecurity: false,
			enableRemoteModule: true,
		},
		show: false, // 是否显示窗口
		width: 800,
		height: 600,
		fullscreenable: true,
		minimizable: false,
	});
	pdfWindow.loadFile(path.join(obj.path));

下载完建议把临时文件删除

	fs.unlink(pdfPath, (err) => {
						if (err) throw err;
						console.log("临时文件已被删除");
					});

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Electron-packager 是一个用于将 Electron 应用程序打包为可执行文件的工具。使用它可以将你的 Electron 项目构建为各个操作系统(如 Windows、Mac 和 Linux)的独立应用程序。 以下是使用 electron-packager 打包整理 Electron 应用程序的步骤: 1. 首先,确保你已经在项目中安装了 electron-packager。可以通过运行以下命令进行安装: ``` npm install electron-packager --save-dev ``` 2. 在项目的根目录下,创建一个打包脚本(例如 package.js),并将以下代码添加到文件中: ```javascript const packager = require('electron-packager'); const options = { // 你的应用程序的根目录 dir: '.', // 应用程序的平台(例如:darwin、win32、linux) platform: 'PLATFORM', // 应用程序的架构(例如:ia32、x64、armv7l) arch: 'ARCH', // 应用程序输出的目录 out: 'BUILD_FOLDER', // 应用程序的名称 name: 'APP_NAME', // 应用程序的可执行文件名 executableName: 'EXECUTABLE_NAME', // 其他选项... }; packager(options) .then(appPaths => { console.log('应用程序已成功打包到以下路径:', appPaths); }) .catch(err => { console.error('应用程序打包失败:', err); }); ``` 请根据你的项目需求修改上述代码中的选项。 3. 在终端或命令提示符中运行以下命令,以执行打包脚本: ``` node package.js ``` 这将使用 electron-packager 打包整理你的 Electron 应用程序。打包成功后,应用程序将被输出到指定的输出目录。 请注意,根据你的操作系统,需要设置正确的平台和架构参数。例如,对于 Windows 平台,platform 参数应设置为 'win32',arch 参数应设置为 'ia32' 或 'x64'。 希望这些步骤能够帮助你使用 electron-packager 打包整理你的 Electron 应用程序。如果有任何其他问题,请随时提问!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值