JS判断图片类型，判断图片大小，判断图片宽高

收藏三个JS分别判断图片类型，判断图片大小，判断图片宽高的函数。

  1. function testImgWidthHeight(img, w,h,callback){
  2.     var input = document.getElementsByName('img');
  3.     if(input.files){
  4.         //读取图片数据
  5.         var f = input.files[0];
  6.         var reader = new FileReader();
  7.         reader.onload = function (e) {
  8.             var data = e.target.result;
  9.             //加载图片获取图片真实宽度和高度
  10.             var image = new Image();
  11.             image.onload=function(){
  12.                 var width = image.width;
  13.                 var height = image.height;
  14.                 if (width != w || height != h) {
  15.                     //隐藏
  16.                     input.value="";
  17.                     callback && callback(false);
  18.                 } else {
  19.                     callback && callback(true);
  20.                 }
  21.             };
  22.             image.src= data;
  23.         };
  24.         reader.readAsDataURL(f);
  26.     }else{
  27.         var image = new Image();
  28.         image.onload =function(){
  29.             var width = image.width;
  30.             var height = image.height;
  31.             var fileSize = image.fileSize;
  32.             alert(width+'===2==='+height+"====="+fileSize);
  33.         }
  34.         image.src = input.value;
  35.     }
  36. }
  37. /**
  38.  *文件大小
  39.  * @param fileData
  40.  * @param Max_Size 限制圖片大小
  41.  * @returns {boolean}
  42.  */
  43. function testMaxSize(fileData,Max_Size){
  44.     var isAllow=false;
  45.     var size = fileData.files[0].size;
  46.     isAllow = size <= Max_Size;
  47.     if(!isAllow){
  48.         return false;
  49.     }
  50.     return isAllow;
  51. }
  52. /**
  53.  * 判断图片类型
  54.  * @param eventId 圖片id
  55.  * @param gif|jpg|jpeg|png|GIF|JPG|PNG
  56.  * @returns {boolean}
  57.  */
  58. function testImgType(eventId) {
  59.     var tmpFile = document.getElementById(eventId);
  60.     if (!/\.(jpg|jpeg|png|JPG|PNG)$/.test(tmpFile.value)) {
  61.         tmpFile.value= "";//清空上傳圖片
  62.         return false;
  63.     }
  64.     return true;
  65. }

 

你想把广告放到这里吗？

发表评论

您必须 登录 才能发表留言！