jquery获取图片的宽高
时间: 2023-11-18 09:43:38 浏览: 37
要使用jQuery获取图片的宽高,可以使用以下方法:
方法一:通过加载事件获取宣传图的宽高
```javascript
$('#pic').load(function(){
var img = new Image();
img.src = $(this).attr("src");
var w = img.width;
var h = img.height;
$('#pic_info').html("(图片尺寸:" + w + "x" + h + ")");
});
```
方法二:通过设置图片的CSS属性来获取真实图片的宽高
```javascript
public setImgW() {
var imgSrc = $(".parkImg").attr("src");
this.getImageWidth(imgSrc, function (w, h) {
console.log({ width: w, height: h });
if (w > 900) {
$('.parkImg').css({ 'height':'40%','position':'relative','top':'28%'});
} else if (w > 899 && w < 798) {
$('.parkImg').css('height','50%');
} else if (w > 799) {
$('.parkImg').css({ 'height':'90%','position':'relative','top':'5%'});
}
});
}
//获取图片宽高
public getImageWidth(url, callback) {
var img = new Image();
img.src = url;
// 如果图片被缓存,则直接返回缓存数据
if (img.complete) {
callback(img.width, img.height);
} else {
// 完全加载完毕的事件
img.onload = function () {
callback(img.width, img.height);
}
}
}
```
方法三:通过改变input file的值来获取图片宽高
```javascript
var _URL = window.URL || window.webkitURL;
$("#file").change(function (e) {
var file, img;
if ((file = this.files
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)