美文网首页
js获取页面图片的大小kb

js获取页面图片的大小kb

作者: 仰望天空的人 | 来源:发表于2019-01-14 17:22 被阅读4次

这个需求纯前端来做 属实有点小为难啊 不过 什么需求能够难住我大前端呢 当当当

最后在谷歌上看到的这个方法 顿时茅塞顿开

正常来说 如果不依靠input file 单纯获取img kb确实没想到什么好方法,如果input的话 主流浏览器和ie都有各自的方法实现 ,单纯获取页面静态资源图片大小,ie filesize还是可以的

w3c浏览器就用ajax来吧! 不过 这个存在点偏差问题 我测试了 和ie获取的小几kb 不是什么大问题
还有 注意跨域

$.ajax({
    url:document.getElementById("viewImage").src,
    type: 'get',
    success: function(data){
        // console.log(data.length,222);
        var size = Math.round(data.length/1024*100)/100;
        console.log(size);
    }
  })

多想 多练

相关文章

网友评论

      本文标题:js获取页面图片的大小kb

      本文链接:https://www.haomeiwen.com/subject/pmsjdqtx.html