页面PDF文件格式预览（不使用pdf.js）

hey_ner2025-10-22 11:56

复制代码

<div id="pdfContainer"></div>

2.方法1

复制代码

var pdfUrl =downloadUrl; // 获取PDF的URL
var iframe = document.createElement('iframe'); // 创建iframe元素
iframe.src = pdfUrl; // 设置iframe的src属性为PDF的URL
iframe.style.width = '100%'; // 设置iframe的宽度和高度
iframe.style.height = '600px';
document.getElementById('pdfContainer').appendChild(iframe)

3.方法2

复制代码

var iframe = document.createElement('iframe'); // 创建iframe元素
iframe.src = pdfUrl; // 设置iframe的src属性为PDF的URL
iframe.style.width = '100%'; // 设置iframe的宽度和高度
iframe.style.height = '600px';
$.ajax({
    url: pdfUrl,
    type: 'GET',
    xhrFields: {
        responseType: 'blob'
    },
    success: function(data) {
        const blob = new Blob([data], { type: 'application/pdf' }); //重点
        const url = window.URL.createObjectURL(blob);
        document.getElementById('pdfContainer').src = url;
    }
});