easyui中图片缩放的js在360极速中不兼容,img宽高都为0,求各路大神帮忙!
这是js缩放方法
function AutoResizeImage(maxWidth, maxHeight, objImg) {
var img = new Image();
img.src = objImg.src;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth == 0 && maxHeight == 0) {
Ratio = 1;
} else if (maxWidth == 0) {//
if (hRatio < 1) Ratio = hRatio;
} else if (maxHeight == 0) {
if (wRatio < 1) Ratio = wRatio;
} else if (wRatio < 1 || hRatio < 1) {
Ratio = (wRatio <= hRatio ? wRatio : hRatio);
}
if (Ratio < 1) {
w = w * Ratio;
h = h * Ratio;
}
objImg.height = h;
objImg.width = w;
if (h==0 || w==0) {
AutoResizeImage(maxWidth, maxHeight, objImg);
}
}
<img id="txtlogo" name="" src="" onload="javascript:AutoResizeImage(160,120,this)" />
页面加载的时候post提交返回给src赋值,这个时候图片正常,但是使用UploadFile上传图片后,给图片的src赋值,这个时候图片闪了一下就没了,查看元素img就是这样的
<img id="txtlogo" name="" src="../../SJDimage/SJlogo/20150818/20150818181403821.jpg" onload="javascript:AutoResizeImage(160,120,this)" height="0" width="0">。路径是对的,可是宽高变0了,把宽高改了就能显示,这是为什么?