0

首先让我说我无论如何都不是 jQuery 大师，我真的知道这已经超出了我的想象，这就是我来到 SO 的原因。

jQuery有没有办法在页面上找到链接的文件大小，然后在链接旁边注入/添加文件大小的文本？

这是我的问题

在我的一个页面上，我有一个指向我的简历的链接，它是一个 PDF 文件，为了提高可用性，将文件类型和文件大小放在链接旁边是合适的，这样用户可以选择是否要点击该链接与否。所以链接的内容类似于"Download my resume (PDF / 80KB)"

问题是我不断更新我的简历并上传一个新的 PDF 文件，当然，它具有不同的文件大小，所以我总是回到 HTML 并更改文本以反映新的文件大小。

有没有办法用 jQuery... 或纯 JavaScript 自动执行此操作？

我找到了这个脚本并在 Codepen 中做了一个演示，但它似乎不起作用。

对此的任何帮助将不胜感激。

4

2 回答 2

2

你写了（两次）

json.headers['Content-Length']

当属性名称（您可以在响应正文中看到）实际上是小写时：

json.headers['content-length']

如果您更正此键，则输出为(pdf 101.6 KB)

另请注意，如果您的 CV 和下载页面在同一个域上，您可以简单地使用HEADajax 请求并读取content-length响应标头

于 2013-06-24T16:13:29.860 回答
0

如果大小将在 80KB 左右，那么它不会成为问题。将大小放在链接中似乎已经过时了。最简单的方法是计算出一个理论上的最大值，例如 150KB，它永远不会超过，然后放"Download my resume (PDF / < 150KB)"

除此之外，我会认为执行此客户端的唯一方法是下载文件，计算大小并更新链接，这会破坏对象。

于 2013-06-24T16:13:48.697 回答