js获取原生图片的宽高
来源:互联网 发布:zeppelin 源码编译 编辑:程序博客网 时间:2024/06/12 13:25
var myimage=http://baidu.com/img/data/upload/admin/5a321e69ab0db.jpg;
if (typeof myimage.naturalWidth == "undefined") {
// IE 6/7/8
var img = new Image();
img.src = myimage;
var rw=img.width;
var rh=img.height;
}else {
// HTML5 browsers
var rw = myimage.naturalWidth;
var rh = myimage.naturalHeight;
}
console.log(rw);
if (typeof myimage.naturalWidth == "undefined") {
// IE 6/7/8
var img = new Image();
img.src = myimage;
var rw=img.width;
var rh=img.height;
}else {
// HTML5 browsers
var rw = myimage.naturalWidth;
var rh = myimage.naturalHeight;
}
console.log(rw);
console.log(rh);
通过此处获取图片的宽高,可以判断图片的形状,从而通过js改变css样式来实现图片不变形的情况下适应div的宽高。
if(rw >= rh){
img_html='<img src="'+myimage+'" style="width:100%" />'
}else{
img_html='<img src="'+myimage+'" style="height:100%" />'
}
阅读全文
0 0
- js获取原生图片的宽高
- js获取图片宽高的方法
- js获取图片宽高
- JS快速获取图片宽高的方法
- JS快速获取图片宽高的方法
- js 快速获取图片宽高的方法
- JS快速获取图片宽高的方法
- JS快速获取图片宽高的方法
- JS快速获取图片宽高的方法
- JS快速获取图片宽高的方法
- JS快速获取图片宽高的方法
- JS快速获取图片宽高的方法
- js通过URL快速获取图片宽高的方法
- js在onload事件前获取图片的宽高,js尽快获取图片的宽高
- JS获取图片实际宽高
- JS获取图片实际宽高
- js获取上传图片宽高
- 获取图片的宽高
- 三个角度分析竞价数据,轻松提高推广效果。
- HBase原理和设计
- python实现凯撒加密
- POJ-3414,AC码,简单易懂
- Android利用环信SDK 3.x实现1对1视频通话
- js获取原生图片的宽高
- Visual C++ 2005 中的命名返回值优化
- 找出占用某个端口的服务
- Android贝塞尔曲线粘性下拉刷新仿QQ粘性拉动效果
- 程序员听音乐——古典音乐
- Chrome Extension 中的 CSP(Content Security Policy) 开发小记
- MySQL · 数据恢复 · undrop-for-innodb
- 单例模式的6种实现方式
- 《android多媒体api》之VideoView 视频播放控件