进阶のmky 2021-09-12 17:21 采纳率: 50%
浏览 60
已结题

获取img标签下图片尺寸一直为0

src是base64格式的，我获取到的宽高一直为0，这是怎么回事啊。

  • 写回答

1条回答 默认 最新

  • 乔碧萝·乔斯达 2021-09-12 23:40
    关注

    应该是图片还没加载完成你就执行获取img元素宽高的操作了，可以在img.onload内执行获取宽高的操作。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 前端工具方法：前端如何获取图片的尺寸
    2022-07-05 21:39
    带帽子的小智的博客 前端图片尺寸获取
  • 使用js获取图片原始尺寸
    2020-10-25 04:04
    首先，页面上会插入一个img标签，该标签在展示的时候通过style属性指定了一个宽度和高度（例如25px），这样页面上显示的图片尺寸会被强制改变。为了获取这张图片的实际尺寸，我们需要利用JavaScript创建一个新的img...
  • Web（前端） input标签 上传图片支持预览，计算图片大小 源码
    2022-01-15 23:14
    注意，实际应用中可能还需要处理更多细节，如错误处理、图片尺寸缩放、异步上传等。这些功能的实现可以结合其他库或框架，例如jQuery、React、Vue等，以提高代码复用性和可维护性。在实际项目中，一定要根据具体需求...
  • JavaScript前端实现压缩图片功能
    2020-10-15 13:37
    3. **图片尺寸压缩**：获取图片原始宽度和高度，定义最大允许的宽度和高度（例如1000px）。如果图片尺寸超过限制，根据宽高比进行等比例缩放。创建一个`<canvas>`元素，设置其宽度和高度为缩放后的尺寸，然后将img...
  • 前端获取图片宽高的几种方法
    2022-08-18 10:19
    zhu_zhu_xia的博客 图片属性
  • 前端js获取图片大小 扩展名_前端获取图片存储大小的方法
    2021-01-17 14:52
    weixin_39814126的博客 1利用input元素获取如果是input元素var file=document.getElementById('myinput'... //注意，这里读到的是字节数2如果不是input元素，是一般的IMG元素先把图片转换成canvas，然后再转为base64码，通过获取base64.len...
  • WEB前端实现裁剪上传图片功能
    2020-09-01 11:02
    `FileReader`的`onload`事件会在文件加载完成后触发，此时可以通过`event.target.result`获取到图片的base64编码，将其设置为`img`标签的`src`属性，从而在页面上显示图片。 3. **图片压缩** 在上传之前，我们通常...
  • 前端js图片识别文字:tesseract.js
    2024-06-24 16:41
    总结来说，"前端js图片识别-js-discern"涵盖的内容主要是如何在JavaScript环境下进行图片加载、预处理、特征提取、机器学习模型应用以及调用外部API进行图片识别。开发者可以通过这些技术，实现丰富的图像交互功能，...
  • 前端实现视频文件动画帧图片提取全攻略 - 附完整代码样例
    2025-04-21 17:54
    Micro麦可乐的博客 当然实现画面帧的方式前端和后端均可实现，具体要看小伙伴们的应用场景，这里我们先介绍前端的实现方式，后续博主再出一篇 基于JAVA实现的视频画面帧教程～至此在纯前端环境下基于的视频帧提取方案已经演示完毕了，...
  • JS图片上传裁剪获取地址代码
    2021-07-24 19:31
    这个URL可以直接用作`<img>`标签的`src`属性，实现图片的预览。 3. **图片裁剪** 图片裁剪通常涉及到两个关键组件：一个是可以拖动调整的选区，另一个是用于显示原图和裁剪选区的容器。我们可以使用CSS3的`...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 9月21日
  • 已采纳回答 9月13日
  • 创建了问题 9月12日