Я встраиваю PDF в веб-страницу со следующим HTML
<object id="pdf" classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="1024"
height="600">
<param name="SRC" value="/GetDoc.ashx?SOID=<%=Html.Encode(Model.OrderID)%>" />
<embed src="/GetDoc.ashx?SOID=<%=Html.Encode(Model.OrderID)%> "
width="1024" height="600">
</embed>
</object>
PDF может немного не спешить загружаться так, я хотел бы скрыть объект и отобразить загружающееся сообщение / gif, пока это полностью не загружается так, пользователь не смотрит на пустой экран.
может кто-то предлагать способ сделать это использование jQuery ajax
следующий код работает.
<div style="background: transparent url(loading.gif) no-repeat">
<object height="1250px" width="100%" type="application/pdf" data="aaa.pdf">
<param value="aaa.pdf" name="src"/>
<param value="transparent" name="wmode"/>
</object>
</div>
Вы можете отобразить PlaceHolder Div и скрыть объект PDF, пока он не будет полностью загружен. Я не уверен, работает ли нагрузка
события , однако, я никогда не использовал его:
<div id="pdf-placeholder" style="width: 1024px; height: 600px;">
<!-- whatever you want here -->
</div>
<object id="pdf" style="display: none;" ...>
...
</object>
// JS code
$(window).load( function() {
$('#pdf-placeholder').hide();
$('#pdf').show();
});