判定从已知的IMG SRC中获取图片SIZE

weixin_41095266 2017-11-18 02:49:26

如题：
1、从已知的图片SRC地址中获取到图片SIZE及判定该图片是否小于多少KB；
2、统计小于多少KB图片的数量，并且显示出来具体数字。
源代码如下：



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1<---strict.dtd">

  

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>11111</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<meta http-equiv="Pragma" content="no-cache">

<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">

<meta http-equiv="Expires" content="0">

</head>

    <!-- <body onLoad="javascript:document.yourFormName.reset()"> -->

	<body>

		<style type="text/css">

            #Tab1 td{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;}

            #Tab1 td img{border-style:solid;border-width:1px 1px 1px 1px;width:283px;height:230px;}

            #Tab1 td b{font-weight:400;}

        </style>

        <div align="center">

			<input id="_click" type="button" value="出图"/>

			<input id="_fi" type="button" value="刷新清除缓存" onclick="document.location.reload()" />

			小于3KB数量：<<font id="count" size=5><b>XX</b></font>>

        </div>

        <table align="center" id="Tab1"></table>

        <script src="E:\js\jquery-1.8.2.min.js"></script>

		<script>

		$(function()

		{

			$("#_click").click(function addTr()

			{

				var _num="124";

				var sip="192.168.8";

				var Tab1 = document.getElementById("Tab1");

				for(var i=1; i<=_num; i++)

				{

					var _ip = sip +"."+ i;

					_tr = document.createElement("tr");

					for(var j=0; j<4; j++)

					{

						var l=j+1;

						var imgSrc = "http://"+_ip+"/photo/ch"+j+".jpg?r="+new Date().getTime(),

						_td = document.createElement("td"),

						_img = document.createElement("img"),

						_br = document.createElement("br");

						_b = document.createElement("b");

						_img.src = imgSrc;

						_td.appendChild(_img);

						_td.appendChild(_br);

						_td.appendChild(_b);

						_tr.appendChild(_td);

						}

					Tab1.appendChild(_tr);

				}

			});

			addTr()

		});

        </script>

    </body>

</html>