获取图片信息

好了来看下一题

于 2022-06-30 11:37:07 发布

阅读量378

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44785498/article/details/125537503

版权

js 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了如何使用JavaScript通过创建Image对象从URL获取图片的宽度和高度。在onload事件中，可以访问到图片的naturalWidth和naturalHeight属性，从而获取原始尺寸。如果图片加载失败，则触发onerror事件，返回错误信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取图片信息(宽高)

通过图片地址获取图片信息

const getImgInfo = (url) => {
  return new Promise((resolve, reject) => {
    let img = document.createElement('img')
    img.src = url
    img.onload = () => {
      resolve({ width: img.naturalWidth, height: img.naturalHeight })
    }
    img.onerror = () => {
      reject(new Error('图片加载错误！'))
    }
  })
}