1

我需要在加载 PDF 时显示某种指示器。我正在显示生成和嵌入可能需要 40 秒或更长时间的 PDF。

我知道我可以检查 PDFObject 是否嵌入成功（通过使用此示例）。但是，这并不表示文件何时完成下载。

我也知道我可以设计它。但是，这也不起作用，因为它在 PDF 加载后保留了该样式。此外，虽然我可以设置对象的边框、定位、高度等样式，但我无法获得类似cursor工作的属性：

#pdf object {
  border: 5px solid red;       // does work, but still shows up after the PDF loads
  cursor: progress !important; // doesn't work
}

有什么办法可以看到文件何时成功下载？

4

2 回答 2

1

我知道这仍然是一个旧帖子，但如果您仍在寻找解决方案。您可以尝试将<div>位置设为相对，然后将 div 内的微调器z-index设为 99，然后将 pdfobject 设为相对位置和z-index99，这样 pdfobject 将位于微调器之上，而不是看起来像加载了 pdf。

div.container {
width: 100%;
height: 100%;
display: block;
position: relative; }

#spinner {
position: absolute;
z-index: 99; }

#pdf-container {
width: 100%; /* optional */
margin: 0 auto; /* optional */
border-bottom: 1px solid #666; /* optional */
position: absolute;
z-index: 99; }
于 2016-08-27T20:52:45.850 回答
1

不幸的是，PDF 阅读器（包括原生阅读器和 Adob​​e Reader 等第 3 方）不提供加载百分比详细信息。PDFObject 无法知道文件有多大，或者加载文件需要多长时间。

于 2015-08-27T15:18:20.267 回答