javascript控制input只能上传图片

来源：互联网发布：ps淘宝店招制作教程编辑：程序博客网时间：2024/04/30 12:21
<html><title>测试</title><script>function limitImg(){          var img=document.getElementById(arguments[0]);//显示图片的对象          var maxSize=arguments[1];//  最大值        var allowGIF=arguments[2]||false;  //是否允许GIF        var maxWidth=arguments[3]||0;  //        var maxHeight=arguments[4]||0;          var postfix=getPostfix(img.src);          var str=".jpg";          if(allowGIF){str+=".gif"}  alert(str);alert(str.indexOf(postfix.toLowerCase()));        if(str.indexOf(postfix.toLowerCase())==-1){              if(allowGIF){return "图片格式不对，只能上传jpg或gif图像";}else{return "图片格式不对，只能上传jpg图像";}          }else if(img.fileSize>maxSize*1024){              return "图片大小超过限制,请限制在"+maxSize+"K以内";          }else{              if(img.fileSize==-1){                  return "图片格式错误，可能是已经损坏或者更改扩展名导致，请重新选择一张图片";              }else{                  if(maxWidth>0){                      if(img.width>maxWidth){                          return "图片宽度超过限制，请保持在"+maxWidth+"像素内";                      }else{                          if(img.height>maxHeight){                              return "图片高度超过限制，请保持在"+maxHeight+"像素内";                          }else{                              return "";                          }                      }                  }else{                      return "";                  }              }          }      }      //根据路径获取文件扩展名      function getPostfix(path){          return path.substring(path.lastIndexOf("."),path.length);      }  function aa(){      if(limitImg('img1',50000,true,1500,1500)==""){          alert("图片上传成功");      }else{          alert(limitImg('img1',50000,true,1500,1500));      }  }  </script><body><input type="file" onchange="document.getElementById('img1').src=this.value;"  />  <img id="img1" />  <input type="button" onclick="aa()" value="上传"  />  </body></html>