·您当前的位置:首页 > 技术教程 > JavaScript >

[JS]文件后缀判断是否合法

时间:2014-09-23 17:08酷播
文件后缀判断,[JS]文件后缀判断是否合法

[JS]文件后缀判断是否合法

  1. <html>      
  2. <head>           
  3. <title> path</title>       
  4. <script language='javascript'>  
  5. //客户端获取上传文件路径 
  6. function getFullPath(obj)          
  7. {        
  8. if(obj) {                   //ie                
  9. if (window.navigator.userAgent.indexOf("MSIE")>=1) 
  10. {   
  11. obj.select();                     
  12. return document.selection.createRange().text;                
  13. }                  
  14. //firefox                 
  15. else if(window.navigator.userAgent.indexOf("Firefox")>=1)                  
  16. {                    
  17. if(obj.files)  {                          
  18. return obj.files.item(0).getAsDataURL();                     
  19. }                   
  20. return obj.value;                
  21. }               
  22. return obj.value;             
  23. }           
  24. function lastname(){ 
  25.  //获取欲上传的文件路径 
  26. var filepath = document.getElementById("file1").value;  
  27. //为了避免转义反斜杠出问题,这里将对其进行转换 
  28. var re = /(//+)/g;  
  29. var filename=filepath.replace(re,"#"); 
  30. //对路径字符串进行剪切截取 
  31. var one=filename.split("#"); 
  32. //获取数组中最后一个,即文件名 
  33. var two=one[one.length-1]; 
  34. //再对文件名进行截取,以取得后缀名 
  35. var three=two.split("."); 
  36.  //获取截取的最后一个字符串,即为后缀名 
  37. var last=three[three.length-1]; 
  38. //添加需要判断的后缀名类型 
  39. var tp ="jpg,gif,bmp,png"
  40. //返回符合条件的后缀名在字符串中的位置 
  41. var rs=tp.indexOf(last.toLowerCase()); 
  42. //如果返回的结果大于或等于0,说明包含允许上传的文件类型 
  43. if(rs>=0){ 
  44.  return true; 
  45.  }else{ 
  46.  alert("您选择的上传文件不是有效的图片文件!"); 
  47.  return false; 
  48.   } 
  49. </script></head>       
  50. <body>          
  51. <input type="file" id="file1" onchange="document.getElementById('img').src=getFullPath(this);" />       
  52. <img id="img" /></body></html>  

 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器