jQuery: Display file sizes next to download links

jQuery: Display file sizes next to download links

1. // Loop all links on page with class .getSize
2. $('a.getSize').each(function(){
3. // Issue an AJAX HEAD request for each one
4. var link = this;
5. $.ajax({
6. type: 'HEAD',
7. url: link.href,
8. complete: function(xhr){
9. var size = humanization(xhr.getResponseHeader('Content-Length'));
10. // Append the filesize to each
11. $(link).append(' (' + type + ')');
12. }
13. });
14. });
16. function humanization(size){
17. var units = ['bytes','KB','MB','GB','TB','PB'];
18. var ord = Math.floor( Math.log(size) / Math.log(1024) );
19. ord = Math.min( Math.max(0,ord), units.length-1);
20. var s = Math.round((size / Math.pow(1024,ord))*100)/100;
21. return s + ' ' + units[ord];
22. }
24. // example html
25. // <a href="one.html" class="getSize">Some link</a>
26. // <a href="other.html" class="getSize">Other link</a>
27. // <a href="car.jpg" class="getSize">Image</a>