移动端浏览器 jquery 获取 pdf blob文件流 预览pdf
要在移动端浏览器中使用jQuery获取PDF的Blob文件流并预览，你可以使用XMLHttpRequest或fetch API来获取文件流，然后使用URL.createObjectURL方法创建一个可以在<iframe>或<a>标签中使用的URL，进而预览PDF。
以下是使用fetch API获取并预览PDF的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PDF Preview</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<iframe id="pdf-iframe" style="width:100%; height:500px;"></iframe>
<script>
$(document).ready(function() {
fetch('path/to/your/pdf.pdf')
.then(response => response.blob())
.then(blob => {
const url = URL.createObjectURL(blob);
$('#pdf-iframe').attr('src', url);
})
.catch(error => {
console.error('Error fetching or rendering PDF: ', error);
});
});
</script>
</body>
</html>确保将'path/to/your/pdf.pdf'替换为你的PDF文件的实际路径。这段代码会在页面加载完成后自动获取并预览PDF文件。
评论已关闭