使用jQuery查找下载链接背后的文件大小

Question

我想知道是否有一种方法可以使用jQuery找出我链接到网页的PDF的文件大小。我要这样做，以便将鼠标悬停在下载链接上时，会弹出一个模态框，说明PDF的文件大小。我可以做第二点，我唯一想知道的是如何找出文件大小。我不知道jQuery是否能够做到这一点。如果不是那么糟糕我猜..提前加油。

Answer 1

如果您要将文件上传到服务器，则以下工作片段可在javascript中找到文件大小而无需转到服务器。

此想法有助于在将大文件上传到服务器之前限制文件大小。

<input type="file" id="loadfile" />

<input type="button" value="find size" onclick="findSize()" />

<script type="text/javascript">

    function findSize() {

        var fileInput = $("#loadfile")[0];

        alert(fileInput.files[0].size); // Size returned in bytes.

    }    

</script>

Answer 2

在上述答案中，Chrome 21和Safari 6没有fileSize成员，但是有大小。采用：

fileInput.files [0] .size