自动显示图片属性
下面框中为脚本显示区
请输入你所要显示的图片的路径:
检测结果:
宽度 =
高度 =
脚本说明: 第一步:把如下代码加入<head>区域中 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function checkImage(loc) { loc = "image-popup.html?" + loc; windowprops = 'menubar=0,toolbar=0,status=0,location=0'; popupWindow = open(loc, 'previewWin', windowprops); if (popupWindow.opener == null) popupWindow.opener = self; } // End --> </script> 第二步:把如下代码加入<body>区域中 <form name=dimform> 请输入你所要显示的图片的路径:<br> <input type=text name=url size=40 value="http://"> <input type=button value="OK" onClick="checkImage(this.form.url.value);"> <p> 检测结果:<p> 宽度 = <input type=text name=width><br> 高度 = <input type=text name=height> </form> 第三步:新建image-popup.html的文件，其代码如下: <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript1.1"> <!-- Begin imageerror = 0; function allDone() { width = (!imageerror) ? document.images[0].width : "error"; height = (!imageerror) ? document.images[0].height : "error"; opener.document.dimform.width.value = width; opener.document.dimform.height.value = height; timerID = window.setTimeout('window.close();', 2000); } function complain() { imageerror = 1; alert('Error loading that image. Please correct the image URL and try again.'); timerID = window.setTimeout('window.close();', 2000);} // End --> </SCRIPT> </HEAD> <BODY onLoad="allDone();"> <script language="JavaScript"> <!-- Begin query = location.search; url = query.substring(1, query.length); document.write("<img src='" + url + "' onError='complain();'>"); // End --> </script> <P> Loading image.... Reading dimensions.... </BODY> </HTML>