自动获取图片信息

数码时尚

姚恺丰

　　做图片素材网站的朋友经常需要将图片的相关信息显示到网页上，通常的做法是事先查看各图片的属性，然后再“复制→粘贴”上去，此法不仅费时间费精力，而且容易出错。其实运用Java Script能很方便地获取图片的尺寸大小、容量、格式信息：

　　＜Script Language="JavaScript"＞

　　＜!--

　　function show_Img(obj){

　　// offsetWidth为图片对象的宽度，offsetHeight为图片对象的高度，fileSize为图片对象的文件容量大小，mimeType为图片对象的格式

　　alert("尺寸"+obj.offsetWidth+" * " + obj.offsetHeight + "\n\n" + obj.fileSize + "字节\n\n格式"+obj.mimeType);

　　}

　　//--＞

　　＜/Script＞

　　这里拿《电脑报》的LOGO作范例，以后调用show_img()函数里的实际参数以document.images[1]，document.images[2]为标准，依此类推。

　　＜img src="http://www.cpcw.com/images/cpcw_logo.gif"＞

　　＜input type="button" value="获取图片信息" onclick="show_Img(document.images[0])"＞

　　OK了，多放几张图片试试效果如何，其他的工作就交给Java Script来代劳完成吧！

　　再扩展一下，用同样的原理，还可以获取到文本框中地址所指图片的相关信息。

　　＜Script Language="JavaScript"＞

　　＜!--

　　function show_Img(obj){

　　// fileSize、 mimeType作用同上，if(obj.readyState=="complete")则是判断图片对象是否被读取完

　　if(obj.readyState=="complete")

　　alert(obj.fileSize + " 字节\n\n格式 " + obj.mimeType);

　　}

　　//--＞

　　＜/Script＞