html页面导出pdf并上传到后台

实现该功能可以分为两个步骤：

1. HTML页面导出PDF

可以使用jsPDF库来将HTML页面导出为PDF文件。首先需要在HTML文件中引入jsPDF库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>

然后在JavaScript代码中使用以下代码将HTML页面导出为PDF文件：

// 获取HTML页面内容
var html = document.getElementById('content').innerHTML;

// 创建PDF对象
var pdf = new jsPDF('p', 'pt', 'letter');

// 将HTML内容转换为PDF格式
pdf.fromHTML(html, 15, 15);

// 下载或保存PDF文件
pdf.save('filename.pdf');

其中，'content'为HTML页面中需要导出为PDF的部分的id。此代码将在用户点击按钮或执行其他触发事件时执行。

2. 上传PDF文件到后台

可以使用Ajax技术将导出的PDF文件上传到后台服务器。以下是一个简单的示例代码：

var formData = new FormData();
formData.append('pdfFile', pdfFile);

$.ajax({
    url: 'upload.php', // 后台接口地址
    type: 'POST',
    data: formData,
    contentType: false,
    processData: false,
    success: function(response) {
        // 上传成功后的操作
    },
    error: function() {
        // 上传失败后的操作
    }
});

其中，pdfFile为刚刚导出的PDF文件对象，upload.php为后台接口地址。在后台接口中，可以使用PHP或其他语言来处理上传的文件并存储到服务器上。