Question

我的网页包含word文档和pdf文件的链接。对于每个链接，我想显示文件大小和一个显示文件类型的图标。

我认为最好的方法是使用CSS吗？有人能给我一个如何做到这一点的例子吗？

谢谢！

Answer 1

当您创建链接html时，您需要根据要链接的文件类型指定css类，例如：

<a class="document" href="http://someurl.com/some/file/worddoc.doc" title="Your file size could go here">Word Doc</a>
<a class="pdf" href="http://someurl.com/some/file/somefile.pdf">PDF File</a>

在你的css中：

.document {
  padding-left: 24px; /* size of icon +  a bit */
  background: url('document.png') no-repeat;
  background-position: left;
}

在您的代码中，您可以添加以下内容以获取文件大小，假设文件位于磁盘上。然后，您需要将其转换为更具可读性的内容，并将其添加到上面示例链接中的“title”属性。

System.IO.FileInfo info = new System.IO.FileInfo("filename");
long fileSizeInBytes = info.Length;

或者那些东西。以上未经测试。

如何显示pdf和word文档的大小和图标？

1 个答案: