前端html转换为pdf,html2pdf-前端转pdf，并上传

有很多开源的前端库可以将HTML转换为PDF，其中一个比较流行的是html2pdf。以下是使用html2pdf将HTML转换为PDF，并上传到服务器的步骤：

1. 在你的前端项目中安装html2pdf库：`npm install html2pdf --save`

2. 在需要转换为PDF的页面中引入html2pdf库：`import html2pdf from 'html2pdf.js'`

3. 编写转换为PDF的函数，例如：

function convertToPdf() {
  const element = document.getElementById('pdf-content'); // 获取需要转换为PDF的HTML元素
  html2pdf()
    .from(element)
    .set({ filename: 'my-pdf-file.pdf' }) // 设置PDF文件名
    .save() // 下载PDF文件
    .then(uploadPdf); // 上传PDF文件到服务器
}

4. 编写上传PDF文件的函数，例如：

function uploadPdf(pdf) {
  const formData = new FormData();
  formData.append('pdf', pdf);

  fetch('/upload-pdf', {
    method: 'POST',
    body: formData,
  })
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));
}

在这个例子中，将PDF文件作为FormData的一部分上传到服务器的`/upload-pdf`端点。

注意：在生产环境中，你可能需要在服务器端处理上传的文件。