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