前端js 如果获取一个远程图片(url)的文件大小,在不下载图片的情况下.

Question

如题,前端在不下载图片的情况下,获取图片的大小,这种需求可能实现吗?我们只知道一个远程图片的url.

另外,也可以下载图片,但是图片缓存又是一个问题.不能有任何图片的缓存.
这真是一个刁钻的需求...
目前我收集了以下方法,但是我并不太确定他是否有缓存..

XHR

var xhr = new XMLHttpRequest();
xhr.open('HEAD', 'img/test.jpg', true);
xhr.onreadystatechange = function(){
  if ( xhr.readyState == 4 ) {
    if ( xhr.status == 200 ) {
      alert('Size in bytes: ' + xhr.getResponseHeader('Content-Length'));
    } else {
      alert('ERROR');
    }
  }
};
xhr.send(null);

此方法存在跨域问题.

Answer 1

http HEAD 了解一下