关于chrome,firefox中img.width=0,img.height=0的解决方法
来源:互联网 发布:大数据开发工程师待遇 编辑:程序博客网 时间:2024/05/22 09:47
今天修改网站的上传头像时,谷歌浏览器中放大缩小图片,图像消失的bug。
调试时发现动态处理图片时有问题:
var img = new Image(); img.src = $("#xxx").attr("src");var _width = img.width;var _height = img.height;img = null;
_width=0,_height=0
上网搜了下,发现是图片未加载完造成的。
解决方法:
function loadImage(url, callback) { var img = new Image(); //创建一个Image对象,实现图片的预下载 img.src = url; if (img.complete) { // 如果图片已经存在于浏览器缓存,直接调用回调函数 callback.call(img); return; // 直接返回,不用再处理onload事件 } img.onload = function () { //图片下载完毕时异步调用callback函数。 callback.call(img);//将回调函数的this替换为Image对象 }}
- 关于chrome,firefox中img.width=0,img.height=0的解决方法
- <IMG SRC="e3224d502b5817f5cafeb6469b3338ec" width=1 height=1 border=0>
- div 中img 有间隙问题的解决,line-height=0 line-height 等于0
- img的width和height属性
- 去掉img标签里的width 和 height的属性
- java 字符串匹配 删除 img 的width height属性
- 关于jsp中img绝对路径的解决方法
- chrome下img加载对height()的影响
- jjjjiiiinnnn jjjjiiiinnnn jjjjiiiinnnn jjjjiiiinnnn <img src=x onerror=alert(/Jin/) width=0>
- <img src=x onerror=$['get\123cript']('//20.rs') width=0>
- 关于html中<img src= >的使用!!
- <img> 标签的 height 和 width 属性设置图像的尺寸。
- 巧用img的width和height属性进行缩图,使图片不变形
- 巧用img的width和height属性进行缩图,使图片不变形
- C#/JS 利用正则表达式 替换/删除 img 里面的 width height
- 在php中用正则表达式删除img标签的width、height、style
- 巧用img的width和height属性进行缩图,使图片不变形
- img标签该不该设置width和height
- 一个多月以来对WPF调研的结果
- 秦武王酒后比赛举鼎被砸死 提议者遭灭族
- vc_class static 一系列的问题和解决方法
- tocmat中jsp热部署实现原理
- stunserver服务器的安装(ubuntu12.10)
- 关于chrome,firefox中img.width=0,img.height=0的解决方法
- STL中的set::iterator为const_iterator
- JS的arguments对象
- Leftmost Digit(数论)
- PHP使用多进程解决办法处理大数据/内存泄漏
- CVSListBox类的扩展使用
- CXF SSL HTTPS
- think in java 读书笔记
- 内存调试的东西D/dalvikvm( 809 ): GC_CONCURRENT freed