分类

链接

2018 年 4 月
一 二 三 四 五 六 日
 1
2345678
9101112131415
16171819202122
23242526272829
30  

近期文章

热门标签

新人福利，免费薅羊毛

现在位置:    首页 ＞ 前端 ＞ 正文
共享办公室出租
js验证图片真实格式（针对手动修改后缀名）
 2018-04-19 09:19 前端 暂无评论 阅读(558)

js验证图片真实格式（针对手动修改后缀名）

  1.  
  2. <input type="file" id="file" onchange="handleFiles(this.files)"/>
  3.  
  4. <script>
  5. function handleFiles(files) {
  6.     if (files.length) {
  7.         var file = files[0];
  8.         console.log(file.name);
  9.         console.log(getFileExt(file));
  10.          
  11.     }
  12. }
  13. function getFileExt(file)
  14. {
  15.     var index = file.name.lastIndexOf('.');                      
  16.             var fileExt = file.name.substring(index+1);
  17.             return fileExt;
  18. }
  19.  
  20. function checkFileType(file){
  21.  
  22.     var reader = new FileReader();             
  23.     reader.onload = function() {
  24.         return getImageExt(this.result);                
  25.     }
  26.     reader.readAsBinaryString(file);
  27. }
  28.  
  29. function getImageExt(bin){
  30.     var ext='';
  31.     var hexCode='';
  32.     for    (var i=0;i<4;i++){
  33.         var charCode = bin[i];  
  34.         console.log(charCode);
  35.         var code = charCode.charCodeAt(); 
  36.         console.log(code);
  37.         hexCode = hexCode+ code.toString(16);
  38.     }
  39.     hexCode = hexCode.toUpperCase();
  40.     console.log(hexCode);
  41.     if(hexCode.substring(0,4)=="424D"){
  42.         return "bmp";  
  43.     }
  44.     
  45.     if (hexCode.substring(0,6)=="FFD8FF") {  
  46.         return "jpg";  
  47.     } 
  48.     
  49.     if (hexCode == "89504E47") {  
  50.         return "png";  
  51.     } 
  52.     if(hexCode == "47494638") {  
  53.         return "gif";  
  54.     } 
  55.     if(hexCode == "49492A00") {  
  56.         return "tif";  
  57.     } 
  58.     return "undefined";
  59.  
  60. }
  61. </script>

附：常见文件文件头

============ 欢迎各位老板打赏~ ===========

关键字: , , ,
【上篇】
【下篇】

与本文相关的文章

该日志由 Bruce 于2018年04月19日发表在前端分类下

本文版权归Bruce's Blog所有，转载引用请完整注明以下信息：
本文作者：Bruce
本文地址：js验证图片真实格式（针对手动修改后缀名） | Bruce's Blog

发表评论

留言无头像?