当前位置：文江博客话题详情

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

发布于 2024-08-04 14:45:25 字数 174 浏览 9 评论 0原文

我想知道是否有一种方法可以使用 jQuery 来找出我链接到网页的 PDF 的文件大小。

我想让鼠标悬停在下载链接上时，会弹出一个模式框，显示 PDF 的文件大小。我可以做第二位，我唯一想知道的是如何找出文件大小。我不知道 jQuery 是否有能力做到这一点。如果不是那么我想就太糟糕了..

提前干杯。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

薄暮涼年 2024-08-11 14:45:25

我觉得这对于客户端来说太多了，但我不知道你的应用程序的详细信息，所以假设你必须使用 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"));
    }
  });

I feel like this is too much to be doing client-side, but I don't know the details of your application, so presuming you have to do it with jQuery... you can do a HEAD request and look at the Content-Length header. Earlier I recommended the jqHead plugin, but after I tried to use it I found that it was broken.

Here's a working example that doesn't depend on any extra plugins: http://host.masto.com/~chris/so/jqhead.html

The meat of it is very simple:

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

回复收藏 0 原文

已下线请稍等 2024-08-11 14:45:25

如果您要将文件上传到服务器，这里是在 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>

Here is working snippet to find the file size in javascript without going to the server, if you are about to upload the file to the server.

This idea helps to restrict the file size before uploading big files to the server.

<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>

回复收藏 0 原文