javascript - 获取远程加载图像的图像 url 的文件大小

Question

我在 jQuery 中有一个简单的正则表达式函数，用于将图像标记添加到用户发布的图像 URL。因此，当用户发布例如 www.example.com/image.jpg 时，将添加图像标签，以便用户无需单击 URL 即可查看图像。

var hostname = window.location.hostname.replace(/\./g,'\\.');
var re = new RegExp('(http:\\/\\/[^' + hostname + ']\\S+[\\.jpeg|\\.png|\\.jpg|\\.gif])','g');

$(".texthold ").each(function() {
    $(this).html($(this).html().replace(re, '<a href="$1"><img src="$1" /></a>')); 
});

在允许查看图像之前如何检查图像的文件大小？因此，例如，如果图像文件大小大于 5MB，则不会显示图像，而是显示 URL。

Answer 1

var url = ...; // here you build URL from regexp result

var req = $.ajax({
  type: "HEAD",
  url: url,
  success: function () {
    if(req.getResponseHeader("Content-Length") < 5 * 1048576) // less than 5 MB?
      ; // render image tag
    else
      ; // render URL as text   
  }
});