Size limit display of pictures

<span style="font-size:24px;">function setImgWidthHeight(imgJqObj){
	    imgJqObj.each(function() {
		    var $thisImg = $(this);
		    console.log($thisImg.height());
		    console.log($thisImg.width());
	        var maxWidth = 500; //  The maximum width of the picture 
	        var maxHeight = 500;    //  Maximum height of picture 
		    $("<img/>").attr("src", $thisImg.attr("src")).load(function() {
					var realWidth = this.width;
					var realHeight = this.height;
					if(realWidth >= maxWidth){
						$thisImg.attr("width", maxWidth);
//						$thisImg.attr("height", maxHeight);
					}
					if(realHeight >= maxHeight){
//						$thisImg.attr("width", maxWidth);
						$thisImg.attr("height", maxHeight);
					}
	        })
	})
}</span>

stay html On the page ,<img> If there is no setting in the label width and height attribute , You can't get

<$thisImg.height()  and  $thisImg.width(),[ The result is 0], If it is set, you will get the set value .

  Set the height and width according to the actual size of the picture , Excessive display of the maximum set value , If it is too small, it will be displayed according to its own value , So get the true width and height of the picture ：

$("<img/>").attr("src", $thisImg.attr("src")).load(function() {
	var realWidth = this.width;
	var realHeight = this.height;
	
}) // Must use load Method