jQuery:查找文件大小并将其添加到链接

时间:2013-06-24 16:08:20

标签: jquery

首先让我说我不是一个jQuery大师,我真的知道这是我的头脑,这就是为什么我来到SO。

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

这是我的问题

在我的一个页面上,我有一个指向简历的链接,这是一个PDF文件,为了提高可用性,文件类型文件大小< / em>链接旁边的用户可以选择是否要点击该链接。因此链接会显示为"Download my resume (PDF / 80KB)"

问题在于我不断更新我的简历并上传新的PDF文件,当然,文件大小不同,所以我总是回到HTML并更改文本以反映新文件大小。

有没有办法使用jQuery自动执行此操作...或简单的JavaScript?

我找到了this script并制作了demo here in Codepen,但它似乎无法发挥作用。

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

2 个答案:

答案 0 :(得分:2)

你曾写过(两次)

json.headers['Content-Length']

当属性的名称(您可以在响应的正文中看到它)实际上是小写的时候:

json.headers['content-length']

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

另请注意,如果您的简历和下载页面位于同一个域中,您只需使用HEAD ajax请求并阅读content-length响应标题

答案 1 :(得分:0)

如果大小约为80KB,则不会出现问题。将尺寸放在链接中似乎已经过时了。这样做的简单方法是找出理论上的最大值,例如: 150KB,它永远不会过去,并放"Download my resume (PDF / < 150KB)"

除此之外,我原本认为做这个客户端的唯一方法是下载文件,计算出大小,并更新链接,这会使对象失败。