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

Question

我想知道是否有办法使用jQuery来查找我链接到网页的PDF文件大小.

我想这样做,以便在悬停在下载链接上时,会弹出一个模式框,说明PDF的文件大小.我可以做第二点,我唯一想知道的是如何找出文件大小.我不知道jQuery是否能够做到这一点.如果不是那么太糟糕我猜...

提前干杯.

Answer 1

我觉得这对客户端来说太过分了,但是我不知道你的应用程序的细节,所以假设你必须用jQuery来做...你可以做一个HEAD请求并查看内容 - 长度标题.之前我推荐过jqHead插件,但在我尝试使用之后,我发现它已被破坏.

这是一个不依赖于任何额外插件的工作示例:http://host.masto.com/~chris/so/jqhead.html

它的肉很简单:

  var request;
  request = $.ajax({
    type: "HEAD",
    url: $("#url").val(),
    success: function () {
      alert("Size is " + request.getResponseHeader("Content-Length"));
    }
  });

Answer 2

如果您要将文件上传到服务器,这里是工作代码片段,无需前往服务器即可在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>