js获取页面图片的大小kb

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

正常来说 如果不依靠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,‘计算图片大小’);
            var size = Math.round(data.length/1024*100)/100;
            console.log(size);
        }
      })
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以通过以下步骤将点击表格行后获取的数据保存到 cookie 中: 1. 首先,为表格的每一行添加一个点击事件的监听器。可以使用 JavaScript 的 `addEventListener` 方法来实现。例如,给每一行的 `<tr>` 元素添加一个 `click` 事件监听器: ```javascript const rows = document.querySelectorAll('table tr'); rows.forEach(row => { row.addEventListener('click', handleRowClick); }); ``` 2. 在点击事件的处理函数 `handleRowClick` 中,获取点击行的数据,并保存到 cookie 中。可以使用 JavaScript 的 `Document.cookie` 属性来设置 cookie 的值。例如: ```javascript function handleRowClick(event) { const rowData = event.currentTarget.innerText; document.cookie = `rowData=${rowData}`; } ``` 3. 在保存数据到 cookie 后,您可以在其他页面中通过读取 cookie 的方式获取数据。可以使用 JavaScript 的 `Document.cookie` 属性来读取 cookie 的值。例如: ```javascript const savedData = document.cookie.split(';').find(cookie => cookie.trim().startsWith('rowData=')); if (savedData) { const rowData = savedData.split('=')[1]; console.log(rowData); // 输出保存的行数据 } ``` 请注意,通过上述方法保存到 cookie 的数据是以字符串形式存储的。如果需要保存复杂的对象或结构化数据,您可能需要使用 JSON.stringify 和 JSON.parse 方法进行序列化和反序列化操作。 另外,需要注意的是,cookie 在浏览器中是有大小限制的,一般为 4KB 左右。如果您需要保存大量数据,可能需要考虑其他方式,如使用本地存储(localStorage)或会话存储(sessionStorage)等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值