通过jquery获取图片真实宽高

最新推荐文章于 2021-02-01 19:17:06 发布

@阿猫阿狗~

最新推荐文章于 2021-02-01 19:17:06 发布

阅读量242

点赞数

本文链接：https://blog.youkuaiyun.com/qq_25741071/article/details/108120985

版权

本文介绍了如何利用jQuery获取图片在加载完成后的实际宽度和高度，这对于动态布局和响应式设计非常有用。通过$(img).load()方法监听图片加载事件，并在事件回调中使用$(img).width()和$(img).height()获取精确尺寸。

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

在这里插入图片描述


<!doctype html>
<html lang="en">
 <head>
  <title>20200427-通过jquery获取图片真实宽高-版本2</title>
  <script type="text/javascript" src="https://image.tiancity.com/common/js/jquery-1.7.2.min.js"></script>
<!--
**获取文件名 bat 代码**

@echo off
for /f "delims=" %%a in ('dir /b/a-d/oN *.*') do echo %%a >>name.txt

HTML转换为JS数组：https://qqe2.com/format/js2html
-->
</head>
<body>
<style type="text/css">
img {
   width: auto !important;height: 300px !important;float: left;border: 1px solid #f00;color: #fff;}
.size {