我想在 pdf 加载到网页之前显示加载图标。我已经粘贴了我尝试过的内容,但即使 pdf 已完全加载,加载图标也会继续显示。从 JSFiddle 获得此代码
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style>
iframe {
width: 100%;
height: 100%;
border: 5px solid green;
}
</style>
<script>
$(function(){
var $iFrame = $('iframe');
$iFrame.load(function(){
$('h3').html('PDF Loaded!');
});
$('h3').html('Loading PDF...');
$iFrame.attr('src', 'http://listic.ru/jQuery_Cookbook.pdf');
});
</script>
</head>
<body>
<h3></h3>
<iframe></iframe>
</body>
</html>
最佳答案
您不能只使用 iFrame 来显示 PDF。如果您想将 PDF 嵌入网页,您应该使用 JavaScript 库,例如 pdf.js。
无论如何,用这个http://jsfiddle.net/BXe8C/497/
$(document).ready(function() {
事件在 DOM(文档)下载完成后立即触发。
$(document).load(function() {
事件在页面上的所有元素都已完全加载时触发。
所以使用像 https://github.com/mozilla/pdf.js 这样的 JavaScript 库呈现 PDF,并使用上面的 jQuery 事件来监听页面何时完全加载。
关于php - 如何在加载 pdf 文件之前显示加载图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28562605/