js 已知图片链接（图片跨域），如何知道图片大小（多少kb）

Question

如题
哪位大佬知道该怎么做啊

Answer 1

发起一个 AJAX HEAD 请求（就像 GET 请求一样，但不 care 响应体，这样就可以不用下载完整的文件了），然后获取响应标头的 Content-Length，它是字节大小（也就是 Byte），你自己再转换成 KB 吧。

P.S. 不确定题目里你跟这个链接是否同源，可能还会需要后端配合来解决跨域问题。

P.S. 跨域让后端上 CORS 啊！前端自己要是能解决跨域问题，那跨域不就形同虚设了？

Answer 2

// xxx 是图片地址
fetch('xxx').then(function (res) {
  return res.blob()
}).then(function (data) {
// 图片大小
  console.log(data.size)
})