分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow
也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!
<script type="text/javascript" language="JavaScript"> document.onreadystatechange = function () { if(document.readyState=="complete") { document.getElementById('divprogressbar').style.display='none'; } } </script>
做web的同学们经常会碰到客户上传图片将网页内容区撑破了的情况,下面就这个问题我们一种如何使用js处理这个问题的方法,具体思路就是在js判断客户端的图片下载完毕之后适时的对该图片的宽度或者高度做一些处理,js处理图片主要是利用javascript中Image对象,通过 onload 事件和 onreadystatechange 来进行判断。
(1)第一中方法,通过onload事件,比如:
1 | <script type= "text/javascript" > |
5 | alert( '图片的宽度为:' +obj.width+ ';图片的高度为:' +obj.height); |
6 | document.getElementById( "mypic" ).innnerHTML= "<img src='" + this .src+ "' />" ; |
9 | <div id= "mypic" >onloading……</div> |
(2)第二种方法,使用 onreadystatechange 来判断
01 | <script type= "text/javascript" > |
04 | obj.onreadystatechange= function (){ |
05 | if ( this .readyState== "complete" ){ |
06 | alert( '图片的宽度为:' +obj.width+ ';图片的高度为:' +obj.height); |
07 | document.getElementById( "mypic" ).innnerHTML= "<img src='" + this .src+ "' />" ; |
11 | <div id= "mypic" >onloading……</div>
|
function loadImage(url, callback) { var img = new Image(); img.src = url; if(img.complete) { callback.call(img); return; } img.onload = function () { callback.call(img); };};