JavaScriptはアップロード画像を検証します。


アップロードされた画像のサイズ、幅、フォーマットなどを検証することができます。
 
<!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>     </title> 
  <script> 
      UpLoadFileCheck=function() 
      {   
          this.AllowExt=".jpg,.gif,.bmp,.png";//          0     
          this.AllowImgFileSize=0;//          0       :KB 
          this.AllowImgWidth=300;//           0       :px 
          this.AllowImgHeight=300;//           0       :px 
          this.ImgObj=new Image(); 
          this.ImgFileSize=0; 
          this.ImgWidth=0; 
          this.ImgHeight=0; 
          this.FileExt=""; 
          this.ErrMsg=""; 
          this.IsImg=false; 
     
      } 

      UpLoadFileCheck.prototype.CheckExt=function(obj) 
      { 
          this.ErrMsg=""; 
          this.ImgObj.src=obj.value;   
          if(obj.value=="") 
          { 
              this.ErrMsg="
"; } else { this.FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase(); if(this.AllowExt!=0&&this.AllowExt.indexOf(this.FileExt)==-1) { this.ErrMsg="
"; } } if(this.ErrMsg!="") { this.ShowMsg(this.ErrMsg,false); return false; } else return this.CheckProperty(obj); } UpLoadFileCheck.prototype.CheckProperty=function(obj) { if(this.IsImg==true) { this.ImgWidth=this.ImgObj.width; this.ImgHeight=this.ImgObj.height; if(this.AllowImgWidth!=0&&this.AllowImgWidth<this.ImgWidth) this.ErrMsg=this.ErrMsg+"
。 "+this.AllowImgWidth+"px "; if(this.AllowImgHeight!=0&&this.AllowImgHeight<this.ImgHeight) this.ErrMsg=this.ErrMsg+"
。 "+this.AllowImgHeight+"px "; } this.ImgFileSize=Math.round(this.ImgObj.fileSize/1024*100)/100; if(this.AllowImgFileSize!=0&&this.AllowImgFileSize<this.ImgFileSize) this.ErrMsg=this.ErrMsg+"
。 "+this.AllowImgFileSize+"KB "; if(this.ErrMsg!="") { this.ShowMsg(this.ErrMsg,false); return false; } else return true; } UpLoadFileCheck.prototype.ShowMsg=function(msg,tf) { alert(msg); } function c(obj) { var d=new UpLoadFileCheck(); d.IsImg=true; d.AllowImgFileSize=100; d.CheckExt(obj) } </script> </head> <body> <input name="" type="file" onchange="c(this)"/> </body>