Question

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

我知道我可以检查PDFObject是否已成功嵌入（使用this示例）。但是，这不会在文件下载完成时给出指示。

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

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

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

Answer 1

我知道这仍然是一个老帖子，但如果你还在寻找解决方案。您可以尝试将<div>位置设置为相对，然后使用z-index为99，然后使用位置相对且z-index 99的pdfobject将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; }

Answer 2

不幸的是，PDF阅读器（包括本地用户和第三方，如Adobe Reader）不提供负载百分比详细信息。 PDFObject无法知道文件的大小，也无法知道加载文件需要多长时间。

使用PDFObject显示加载指示器

2 个答案: