首页 / JAVASCRIPT / javascript – 从Base64编码图像中获取尺寸

javascript – 从Base64编码图像中获取尺寸

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 从Base64编码图像中获取尺寸，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含639字，纯文字阅读大概需要1分钟。

内容图文

我有一个Angular应用程序,我需要Base64编码图像的尺寸.
我试图将它加载到一个图像,但它只是说它是0x0

const image = new Image();
image.src = 'data:image/jpeg;base64,someBase64ImageString';

console.log(image.width + 'x' + image.height);

我无法弄清楚如何获取这些信息.

解决方法:

设置src和图像处于“加载”状态(因此具有维度)之间的步骤是异步的 – 这似乎适用于数据URI以及外部资源(至少在Chrome中).

为了安全地保证宽度和高度的填充,逻辑应该在回调中运行
  – 即

let im = new Image;
im.src = 'data:image/png;base64,whatever';
im.onload = () => console.log(im.width);

请注意,这只是第一次加载图像时的问题,您的代码按原样连续调用 – 这可能与浏览器处理和缓存数据的方式有关.

内容总结

以上是互联网集市为您收集整理的javascript – 从Base64编码图像中获取尺寸全部内容，希望文章能够帮你解决javascript – 从Base64编码图像中获取尺寸所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/821499.html

来源：【匿名】