如何在加载pdf文件之前显示加载图标？ [英] How to display loading icon until pdf file is loaded?

问题描述

我想显示加载图标，直到pdf加载到网页中。我已经粘贴了我尝试过的但是它不起作用。

 <   div     id   =  < span class =code-keyword> container  >  <   img     src   =  loading.gif    id   =  loadingpdf   < span class =code-attribute> alt   =  loading  
         style   =  display： none; margin：auto;    /   >  <   object     id   =  pdf    data   =' <？php echo $ pdf;？ 
> #rollbar = 1' 类型  ='  application / pdf'    style   = 宽度：100％;高度：100％; >  
 <   / object  >  <   / div  >  
 
 
 $（＃loadingpdf）。show（）; 
 $（＃pdf）。hide（）; 
 
 $（'＃pdf'）。load（'<？ php  echo   $ pdf ; ？> '，function（）{
 $（＃ loadingpdf）。hide（）; 
 $（＃pdf）。show（）; 
}）
 

解决方案

pdf;？
> #rollbar = 1' 类型 =' application / pdf' style = 宽度：100％;高度：100％; >
< / object > < / div >

（ ＃loadingpdf）显示（）;

（ ＃PDF）隐藏（）;

I want to show loading icon until pdf is loaded into the webpage.I have pasted what I have tried but it doesn't work.

<div id=container><img src="loading.gif" id="loadingpdf" alt="loading"
   style="display:none;margin:auto;" /><object id="pdf" data='<?php echo $pdf;?
   >#scrollbar=1'type='application/pdf' style="width:100%;height:100%;">
   </object></div>


   $("#loadingpdf").show();
      $("#pdf").hide();

       $('#pdf').load('<?php echo $pdf;?>', function() {
         $("#loadingpdf").hide();
         $("#pdf").show();
       })

解决方案

pdf;? >#scrollbar=1'type='application/pdf' style="width:100%;height:100%;"> </object></div>

("#loadingpdf").show();

("#pdf").hide();

这篇关于如何在加载pdf文件之前显示加载图标？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！