首先让我说我不是一个jQuery大师,我真的知道这是我的头脑,这就是为什么我来到SO。
有没有办法让jQuery找到页面上链接的文件大小,然后在链接旁边注入/添加文件大小的文本?
这是我的问题
在我的一个页面上,我有一个指向简历的链接,这是一个PDF文件,为了提高可用性,文件类型和文件大小< / em>链接旁边的用户可以选择是否要点击该链接。因此链接会显示为"Download my resume (PDF / 80KB)"
问题在于我不断更新我的简历并上传新的PDF文件,当然,文件大小不同,所以我总是回到HTML并更改文本以反映新文件大小。
有没有办法使用jQuery自动执行此操作...或简单的JavaScript?
我找到了this script并制作了demo here in Codepen,但它似乎无法发挥作用。
对此的任何帮助将不胜感激。
答案 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)"
除此之外,我原本认为做这个客户端的唯一方法是下载文件,计算出大小,并更新链接,这会使对象失败。