获取图片和文件的大小和格式

heml代码

 
     

 

图片格式为：

 

图片大小为：

js代码

$(function(){  
 
   var p_1 = $('#p_1'),  
       p_2 = $('#p_2');  
 
   $('body').on('change','#file',function(){  
     var path = $(this).val(); /*获取值*/
     extStart = path.split('.');/*把值分为数组*/
       ext = extStart.pop()/*获取最后一个数组 即为图片的格式*/
       console.log(ext) 
       //判断图片格式  
       if(ext !== 'PNG' && ext !== 'JPG' && ext !== 'JPEG' && ext !== 'GIF' && ext !=="jpg"){  
           alert('请上传正确格式的图片');   
       }else{  
           p_1.html('图片格式为：' + ext);  
       }  
       //获取图片大小
        /*转化为大小单位为Kb*/
       var size = $(this)[0].files[0].size / 1024;
       console.log(size)
       if(size > 10240){  
           alert('图片大小不能超过10M'); 
       }else{                          /*取多少位小数点*/
           p_2.html('图片大小为：' + size.toFixed(2) + 'KB');  
       }  
   })  
 
});