Web で働く学生は、顧客が Web ページのコンテンツ領域を破裂させるような写真をアップロードする状況によく遭遇します。この問題に対処するための js の具体的なアイデアは、クライアントの写真を判断することです。 in js 画像のJS処理は、ダウンロード後、主にJSのImageオブジェクトを使用してonloadイベントとonreadystatechangeで判断します。 (1) onload イベントを使用した最初のメソッド。次のようなものです。 コードをコピーします コードは次のとおりです。 : <br>var obj=new Image();<br>obj.src="http://www.phpernote.com /uploadfiles/editor/ 201107240502201179.jpg";<br>obj.onload=function(){<br>alert('画像の幅は: ' obj.width '、画像の高さは: ' obj. height);<br>document.getElementById ("mypic").innnerHTML="<img src='" this.src "' />";<br>}<br> (2) 2 番目の方法、onreadystatechange を使用して を判断します コードをコピー コードは次のとおりです: <br>var obj=new Image();<br>obj.src="http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg";<br>obj.onreadystatechange=function( ){<br>if(this.readyState=="complete"){<br>alert('画像の幅: ' obj.width '; 画像の高さ: ' obj.height);<br>document.getElementById(" mypic").innnerHTML="<img src='" this.src "' />";<br>}<br>}<br> onloading……
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
