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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_38337068/article/details/78722504

heml代码

<form action="" method="">  
   <input type="file" id="file" />  
</form>  
<p id="p_1">图片格式为:</p>  
<p id="p_2">图片大小为:</p>

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');  
       }  
   })  
 
});

展开阅读全文

没有更多推荐了,返回首页