easyui中图片缩放的js在360极速中不兼容,img宽高都为0,求各路大神帮忙!

u014652303 2015-08-18 06:15:33
这是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了,把宽高改了就能显示,这是为什么?
...全文
594 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
你可以打印输出一下 var w = img.width; var h = img.height; 这两句的值,并且根据(都懂的)程序流程去调试。
  • 打赏
  • 举报
回复
在 var w = img.width; 这天语句之前要使用 settimeout 将后边的所有语句放到函数回调中,异步执行。
Justin-Liu 2015-08-19
  • 打赏
  • 举报
回复
卸载360。
u014652303 2015-08-19
  • 打赏
  • 举报
回复
OK,加上settimeout ()图片能显示了,大牛果然牛
u014652303 2015-08-19
  • 打赏
  • 举报
回复
引用 2 楼 sp1234 的回复:
在 var w = img.width; 这天语句之前要使用 settimeout 将后边的所有语句放到函数回调中,异步执行。
引用 3 楼 sp1234 的回复:
你可以打印输出一下 var w = img.width; var h = img.height; 这两句的值,并且根据(都懂的)程序流程去调试。
w,h都为0. 回调我懂,但是那个异步执行是什么意思?

1,977

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 其他语言讨论
社区管理员
  • 其他语言社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧