JQuery ajax 用于在对象标签中加载 pdf

Question

我正在使用以下 html 将 PDF 嵌入到网页中

   <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 来做到这一点的方法

Answer 1

以下代码有效。

<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>