JS 客户端验证文件类型，获取图片信息

最新推荐文章于 2023-06-30 23:53:55 发布

转载最新推荐文章于 2023-06-30 23:53:55 发布 · 1.9k 阅读

文章标签：

#function #xhtml #ext #image #javascript #html

本文介绍了一种使用JavaScript来判断上传文件是否为图片类型及其大小的方法。通过获取文件扩展名并验证其是否属于预定义的图片格式列表，同时利用HTML5特性获取图片的实际尺寸与文件大小。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS 文件大小及类型判断</title> <mce:style></mce:style><style mce_bogus="1">*{}{ font-size:12px;}</style> <mce:script language="javascript"></mce:script> </head> <body> <form id="form1" name="form1" enctype="multipart/form-data" method="post" action=""> <p> <input name="ofile" type="file" id="ofile" onchange="ShowInfo(this.value);" /> </p> <p id="Info"></p> <p><img src="#" mce_src="#" id="imgs" width="300" height="300" onmousewheel="return zoomimg(this)" onload="DrawImage(this,300,300)" /></p> </form> </body> </html>

转自http://www.cnblogs.com/nina-piaoye/archive/2007/10/19/930741.html