JavaScript 是一種非常通用的編程語言,可以用來構建各種類型的應用程序、網站以及應用程序界面等等。在互聯網技術不斷發展的今天,JavaScript 快速發展并成為了許多開發者使用的首選語言之一,不僅可以運行在瀏覽器中,還可以與其他服務器端編程語言(例如 Python 和 Ruby)結合使用。本文將重點討論如何使用 JavaScript 轉 PDF 并下載的方法和技巧。
“PDF” 是一種較為常見的文件格式,用于保存和傳輸文檔,具有跨平臺、保護內容版權等優勢。在許多場合下,我們都可能會希望將一些網頁上的內容轉換成 PDF 格式。
// HTML to PDF 代碼示例 // 引入html-pdf 這個包 const pdf = require('html-pdf'); // 需要生成pdf的HTML頁面 const html = '<div><h1>Hello World</h1></div>'; // pdf 的輸出目錄和文件名 const outputDirectory = './pdfs'; const outputFile = 'hello-world.pdf'; // 生成新的 pdf pdf.create(html).toFile(<code>${outputDirectory}/${outputFile}</code>, (err, res) => { if (err) throw err; console.log(res) });
在上面的示例代碼中,我們引入了一個叫做 html-pdf 的第三方包來轉換 HTML 代碼到 PDF 文件。 首先是定義了需要轉換成 PDF 的 HTML 內容; 接著定義了 PDF 的輸出目錄和文件名; 最后使用到了 create() 方法,將 HTML 內容轉化為 PDF,然后將 PDF 寫入指定的輸出目錄和文件名之中。
無論您是要將一份創意設計發送給客戶,還是制作報告,轉換網頁內容到 PDF 極大地簡化了工作流程。在以往,使用工具轉換 HTML 到 PDF 文件比較困難,需要手動調整 CSS、JavaScript、HTML 等內容,但現在 JavaScript 則提供了許多解決方法,讓操作更容易。
JavaScript 不僅可以幫助我們實現將網頁內容轉換成 PDF,同樣能夠幫助我們使下載 PDF 更方便。 當然,我們不可能將 PDF 轉換好之后在網頁上一鉤子戳下去就下載,需要寫一些詳細的代碼來實現下載功能。
// PDF下載 代碼示例 // 同樣使用html-pdf 這個包 const pdf = require('html-pdf'); const fs = require('fs'); const path = require('path'); // 需要生成pdf的HTML頁面 const htmlString = ''; // pdf 的輸出目錄和文件名 const outputDirectory = './pdfs'; const outputFile = 'hello-world.pdf'; // 生成新的 pdf pdf.create(htmlString).toStream((err, stream) =>{ if (err) return Promise.reject(err); // pdf 還需要寫入到制定目錄 const writeStream = fs.createWriteStream(path.join(outputDirectory, outputFile)); stream.pipe(writeStream); writeStream.on('error', (error) =>reject(error)); writeStream.on('finish', () =>{ console.log('Hello World
下一篇div 觸發jq