js获取img真实大小

作者: power__c081 | 来源:发表于2017-11-16 20:56 被阅读0次

一般从后端获取的图片都是url的形式，来给src赋值而单纯的获取$("img").width()和$("img").height()和offsetWidth和offsetHeight都是渲染到img上之后的大小，但是可以用js来获取当前图片大小

var img_url='./1.jpg'; //此处为路径填写后端返回的ur;

//创建对象

var img=new Image();

//改变图片的src

img.src=img_url;

//加载完成执行

img.onload=function(){

//打印

console.log(img.width,img.height);

};

这样就能获取到图片的真实宽高了

js获取img真实大小
一般从后端获取的图片都是url的形式，来给src赋值而单纯的获取$("img").width()和$("img"...
JS获取屏幕大小
JS获取屏幕大小 JS获取浏览器窗口大小获取屏幕，浏览器，网页高度宽度
2019-12-16
如何获取图片的原始尺寸大小？如下，当给 img 设置一个固定的大小时，要怎样获取图片的原始尺寸呢？方法一： H...
dom节点获取设置删除属性的三种方法
js 1.HTMLElement类型对象的属性方法获取：div.id div.className img.src设...
element-ui上传图片限制图片比例
在utils里新建imageRatio.js naturalWidth 支持ie9及以上我用img.width获取...
JS获取屏幕大小
IOS H5页面图片点击捏合放大缩小
方式是以注入JS代码的方式,遍历所有的图片img标签,然后通过js获取到图片的url地址,然后自己再做点击弹出图片...
各浏览器获取屏幕宽度方法
JS获取浏览器窗口大小 //获取窗口宽度 if (window.innerWidth) winWidth = wi...
js获取上传文件大小兼容各浏览器
1.获取上传文件的大小html代码： js代码： //兼容IE9低版本获取文件的大小function getFil...
cropper.js自带的blob转换方法的坑
1. 在使用cropper.js，在获取canvas里面的数据时，用于转换的blob的方法：$('.img').c...