Javascript从路径获取img的宽度
Javascript get width of img from path
我认为应该有一个简单的解决方案,但我无法解决。我想做的是通过图像的路径(不在屏幕上渲染)来获得图像的宽度/高度。
类似:
var img = ImageInfo(path);
alert(img.width);
(我想用纯javascript来完成这项工作)
您可以这样做:
function getImageSize(imgSrc) {
var imgLoader = new Image(); // create a new image object
imgLoader.onload = function() { // assign onload handler
var height = imgLoader.height;
var width = imgLoader.width;
alert ('Image size: '+width+'x'+height);
}
imgLoader.src = imgSrc; // set the image source
}
基本上,您可以使用javascript创建一个新图像。分配onload事件,然后设置源并等待图像加载。加载后,onload处理程序会提醒图像的高度和宽度。检查此jsFiddle
让ImageInfo
函数接受回调(即:使其异步)。
function ImageInfo(path, onLoad) {
var img = new Image();
img.src = path;
img.onload = function() {
onLoad(img);
}
}
像一样使用
ImageInfo(url, function(img) {
alert(img.width);
});
试试这个:
var path = "http://images2.wikia.nocookie.net/__cb20110928222437/callofduty/images/4/4f/Personal_IW_FTW_Awesome_Face_100px.png";
var img = new Image();
img.src = path;
它非常简单,但仅凭这些行就可以工作。
http://jsfiddle.net/s9QVp/1/
相关文章:
- 从二维数组中获取img src和img维度,并在body中显示
- 在容器中,我有文本和 img 标签,如何仅使用 js 或 jquery 获取文本
- 获取 img 的值
- 如何在wordpress插件中获取jquery中的img url和文件url
- 从javascript对象中获取一个src-img,并将其放入HTML中
- 图像选取器jquery插件:如何获取所选图像的img src(多选情况)
- 仅使用JavaScript/获取当前创建的img的位置/放置文本
- 获取<img>src,并通过class设置为变量(id不可用)
- JavaScript-从HTML img src中获取以字节为单位的大小
- 获取输入 IMG 类型的选定图片并加载到图像标签中
- 在 jQuery 中获取 IMG 标签的 ID
- 在 MVC 控制器中获取 img
- 使用 DOM php 从 IMG 与 Class 获取 SRC
- 获取 img.src 值(路径名)
- 如何观看 img 元素的 ngSrc 并在自定义指令中获取新的宽度和高度
- 从 img 标记中获取 src 值
- Javascript获取img的宽度和高度,并将其放入另一个类的css中
- 获取 和 img 的 src 属性并发出警报
- jQuery获取IMG大小并根据宽度/高度比例更改其CSS属性
- 从IMG获取像素颜色总是0 0 0 0