jquery中pdf在页面的显示和导出

在网页中显示PDF文件，可以使用<iframe>、<embed>或<object>标签。而导出PDF文件，可以使用jsPDF库或其他类似工具。以下是使用<iframe>显示PDF和使用jsPDF导出PDF的示例代码：

显示PDF:

<!-- 在HTML中，使用iframe显示PDF -->
<iframe src="example.pdf" width="100%" height="600px"></iframe>

导出PDF:

// 首先引入jsPDF库
import jsPDF from 'jspdf';
import 'jspdf-autotable';
 
// 导出PDF的函数
function exportPDF(data) {
    const doc = new jsPDF();
 
    // 使用autotable插件导出表格数据
    doc.autoTable({
        head: [['Column 1', 'Column 2', 'Column 3']],
        body: data.map(row => [row.field1, row.field2, row.field3]),
    });
 
    // 保存生成的PDF
    doc.save('export.pdf');
}
 
// 假设有一些数据需要导出
const tableData = [
    { field1: 'Row 1', field2: 'Data 1', field3: 'More data' },
    // ... 更多行的数据
];
 
// 导出这些数据到PDF
exportPDF(tableData);

请确保在实际环境中引入相关的CSS和JavaScript文件，并根据实际的PDF文件路径和数据结构进行调整。