iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >jquery如何获取图片的宽高
  • 795
分享到

jquery如何获取图片的宽高

2024-04-02 19:04:59 795人浏览 安东尼
摘要

使用Jquery获取图片宽高的方法:1.新建html项目,引入jquery;2.使用img标签添加图片;3.为图片设置id属性;4.添加button按钮,绑定绑定onclick点击事件;5.通过id获取图片对象,使用height()和wid

使用Jquery获取图片宽高的方法:1.新建html项目,引入jquery;2.使用img标签添加图片;3.为图片设置id属性;4.添加button按钮,绑定绑定onclick点击事件;5.通过id获取图片对象,使用height()和width()方法获取图片宽高;

jquery如何获取图片的宽高

具体步骤如下:

首先,新建一个html项目,并在项目中引入jquery;

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

引入jquery后,在项目中使用img标签添加一张图片;

<img src="images/1.jpg" />

添加添加好后,为图片设置一个id属性,用于获取图片对象;

<img src="images/1.jpg" id="text" />

图片属性设置好后,添加一个button按钮,并绑定onclick点击事件;

<button omClick="set()"></button>

最后,按钮添加好后,在点击事件中通过id获取图片对象,在使用height()和width()方法即可获取图片的宽高;

function set(){

var w = $("#text").width();

var h = $("#text").height();

alert(w,h);

}

--结束END--

本文标题: jquery如何获取图片的宽高

本文链接: https://www.lsjlt.com/news/110366.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • jquery如何获取图片的宽高
    使用jquery获取图片宽高的方法:1.新建html项目,引入jquery;2.使用img标签添加图片;3.为图片设置id属性;4.添加button按钮,绑定绑定onclick点击事件;5.通过id获取图片对象,使用height()和wid...
    99+
    2024-04-02
  • 小程序如何获取图片宽高
    这篇文章给大家分享的是有关小程序如何获取图片宽高的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。  小程序如果不能获取图片宽高,那么图片设置宽高时,就有可能会出现图片变形,要想避免这种情况,除了图片等比例缩放,还可...
    99+
    2023-06-26
  • jquery如何获取div的宽高
    使用jquery获取div标签宽高的方法:1.新建html项目,引入jquery;2.创建div标签,设置class属性;3.使用width和height属性设置标签宽高;4.添加button按钮,绑定onclick点击事件;5.通过cla...
    99+
    2024-04-02
  • php获取图片的宽和高
    要获取图片的宽度和高度,你可以使用PHP中的getimagesize()函数。这个函数接受一个图片文件的路径作为参数,并返回一个包含图片宽度和高度信息的数组。 将'path/to/your/image.jpg'替换为你实际的图片路径,然后...
    99+
    2023-09-06
    php 开发语言
  • jquery如何获取屏幕宽高
    使用jquery获取屏幕宽高的方法:1.使用$(window).width()获取当前窗口可视区域宽度;2.使用$(window).height()获取当前窗口可视区域高度;3.使用$(document).width()获取当前窗口文档对象...
    99+
    2024-04-02
  • js怎样获取图片宽高
    这篇“js怎样获取图片宽高”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“js怎样获取图片宽高”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。JS是什...
    99+
    2023-06-06
  • jquery如何获取图片的src属性
    这篇文章主要介绍“jquery如何获取图片的src属性”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery如何获取图片的src属性”文章能帮助大家解决问题。jquery获取图片的src属性方法...
    99+
    2023-07-04
  • 微信小程序如何获取图片宽度与高度
    起源 最近在做A需求, 其中有个小功能点描述如下: 从配置端返回张图片, 期望宽度不变(750)、高度根据图片自适应. 我以为的 // 为便于讲解, 将css作为style属...
    99+
    2024-04-02
  • jquery怎么获取页面的宽高
    在前端开发中,经常需要获取页面的宽度和高度,以便根据页面的大小进行布局或动态调整。而在jQuery中,获取页面宽度和高度可以通过以下方法实现。一、使用.width()和.height()方法获取页面宽高jQuery提供了一系列的尺寸获取方法...
    99+
    2023-05-18
  • jquery怎么获取屏幕宽高
    这篇文章主要介绍了jquery怎么获取屏幕宽高的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jquery怎么获取屏幕宽高文章都会有所收获,下面我们一起来看看吧。具体方法如下:获取当前窗口可视区域宽度$(wind...
    99+
    2023-06-04
  • jQuery如何获取页面宽度?
    这篇文章将为大家详细讲解有关jQuery如何获取页面宽度?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 jQuery提供了多种方法来获取页面宽度: 1. $(window).width() 此方法返回...
    99+
    2024-04-02
  • jQuery如何获取元素宽度?
    这篇文章将为大家详细讲解有关jQuery如何获取元素宽度?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。获取元素宽度 using jQuery jQuery提供了多种方法来获取元素的宽度,每种方法都有其特...
    99+
    2024-04-02
  • jQuery如何获取文档宽度?
    这篇文章将为大家详细讲解有关jQuery如何获取文档宽度?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。如何使用 jQuery 获取文档宽度 jQuery 是一个流行的 JavaScript 库,它提供了...
    99+
    2024-04-02
  • 怎么在Android中利用Glide获取图片的宽高
    本篇文章为大家展示了怎么在Android中利用Glide获取图片的宽高,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。//获取图片显示在ImageView后的宽高   &...
    99+
    2023-05-30
    android glide
  • jQuery如何获取窗口宽度?
    这篇文章将为大家详细讲解有关jQuery如何获取窗口宽度?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。jQuery 获取窗口宽度 jQuery 提供了一个简单的方法来获取窗口的宽度:$(window)....
    99+
    2024-04-02
  • jQuery如何获取元素内宽度?
    这篇文章将为大家详细讲解有关jQuery如何获取元素内宽度?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。jQuery 获取元素内宽度 jQuery 提供了多种方法来获取元素的内宽度,包括: jQuer...
    99+
    2024-04-02
  • jQuery如何获取元素外宽度?
    这篇文章将为大家详细讲解有关jQuery如何获取元素外宽度?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。jQuery 获取元素外宽度的两种方法 jQuery 提供了多种方法来获取元素的宽度,包括外宽度,...
    99+
    2024-04-02
  • jquery怎么获取图片坐标
    使用jquery获取图片坐标的方法:1.新建html项目,引入jquery;2.使用img标签添加图片;3.添加button按钮,绑定onclick点击事件;4.通过标签名获取图片对象,使用e.pageX和e.pageY方法获取坐标;具体步...
    99+
    2024-04-02
  • SpringMVC中MultipartFile上传获取图片的宽度和高度详解
    SpringMVC一般使用MultipartFile来做文件的上传,通过MultipartFile的getContentType()方法判定文件的类型(MIME)“.doc”:”application/msword”“.jpg”:”imag...
    99+
    2023-05-31
    spring mvc multipart
  • Android开发中如何获取View视图宽与高
    这篇文章将为大家详细讲解有关Android开发中如何获取View视图宽与高,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。本文实例讲述了Android开发中获取View视图宽与高的常用方法。分享给大家供大家...
    99+
    2023-05-30
    android view
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作