AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

JS判断文件扩展名

2017-11-09 998
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

 

 

     
 
  1. <html> 
    2.  
 
  2.   <head> 
    3.  
 
  3.     <title>JS判断文件扩展名</title> 
    4.  
 
  4.     <script language="javascript" type="text/javascript"> 
    5.  
 
  5.       function CheckInput() 
    6.  
 
  6.       { 
    7.  
 
  7.         var file = encodeURI(document.getElementById("file").value); 
    8.  
 
  8.         if(file == "") { 
    9.  
 
  9.            alert("文件不能为空!"); 
    10.  
 
  10.         } else {     
    11.  
 
  11.            var extension = file.substring(file.lastIndexOf('.'), file.length).toLowerCase();                 
    12.  
 
  12.            alert(extension);                             
    13.  
 
  13.         }  
    14.  
 
  14.       }    
    15.  
 
  15.     </script> 
    16.  
 
  16.   </head> 
    17.  
 
  17.   
    18.  
 
  18.   <body> 
    19.  
 
  19.     <table> 
    20.  
 
  20.       <tr> 
    21.  
 
  21.         <td> 
    22.  
 
  22.           <input type="file" name="file" id="file"> 
    23.  
 
  23.           <input type="button" value="检测" onclick="return CheckInput();"> 
    24.  
 
  24.         </td> 
    25.  
 
  25.       </tr> 
    26.  
 
  26.     </table> 
    27.  
 
  27.   </body> 
    28.  
 
  28.   
    29.  
 
  29. </html> 
    30.  

 

 
 


 


 


 

      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/942018，如需转载请自行联系原作者
 


 


 


 



                        
                    

                    
                        

                            

    
文章标签：

    

        

            JavaScript
        

        

            前端开发
        

    



                            

    
关键词：

    

        

            JavaScript文件
        

        

            JavaScript判断
        

        

            JavaScript文件扩展名
        

    



                            
                        

                        
                        
                    
                

                


                

                    

                        

                            
                                
                            
                            

                        

                        技术小胖子
                        

                        

                    

                    

                        

                            

                            
目录

                        

                        

                    

                

                

                    

                


                

    
相关文章

    

        

            

                

                    游客zi3qmblbcdexu
                    
                

                |
                
1月前

                |
                

                    JavaScript
                    API
                

            

            

                

                    
                        深入探索fs.WriteStream：Node.js文件写入流的全面解析
                    
                    
深入探索fs.WriteStream：Node.js文件写入流的全面解析

                    

                        

                            

                                游客zi3qmblbcdexu
                                
                            

                            60
                            3
                            
                        

                    

                

                
            

        

        

            

                

                    六卿
                    
                

                |
                
3天前

                |
                

                    前端开发
                    JavaScript
                    API
                

            

            

                

                    
                        前端JS读取文件内容并展示到页面上
                    
                    
前端JavaScript使用FileReader API读取文件内容，支持文本类型文件。在文件读取成功后，可以通过onload事件处理函数获取文件内容，然后展示到页面上。


                    

                        

                            

                                六卿
                                
                            

                            12
                            2
                            
                        

                    

                

                
                    前端JS读取文件内容并展示到页面上
                
            

        

        

            

                

                    游客j4mujezz7vm7y
                    
                

                |
                
1天前

                |
                

                    移动开发
                    JavaScript
                    前端开发
                

            

            

                

                    
                        js之操作文件| 12-5
                    
                    
js之操作文件| 12-5

                    

                        

                            

                                游客j4mujezz7vm7y
                                
                            

                            11
                            1
                            
                        

                    

                

                
            

        

        

            

                

                    游客zi3qmblbcdexu
                    
                

                |
                
15天前

                |
                

                    存储
                    JSON
                    JavaScript
                

            

            

                

                    
                        学习node.js十三，文件的上传于下载
                    
                    
学习node.js十三，文件的上传于下载

                    

                        

                            

                                游客zi3qmblbcdexu
                                
                            

                            12
                            1
                            
                        

                    

                

                
            

        

        

            

                

                    热爱技术的小郑
                    
                

                |
                
1月前

                |
                

                    JavaScript
                    数据安全/隐私保护
                

            

            

                

                    
                        如何在Vue组件中调用封装好的外部js文件方法
                    
                    
这篇文章介绍了如何在Vue组件中调用封装好的外部js文件方法，包括在Vue项目中全局引入外部js文件，并在组件中通过this.$myMethod()的方式调用外部js文件中定义的方法。


                    

                        

                            

                                热爱技术的小郑
                                
                            

                            63
                            0
                            
                        

                    

                

                
                    如何在Vue组件中调用封装好的外部js文件方法
                
            

        

        

            

                

                    游客zi3qmblbcdexu
                    
                

                |
                
1月前

                |
                

                    机器学习/深度学习
                    JavaScript
                

            

            

                

                    
                        node.js实现遍历所有文件夹里面的js文件，提取所有的url
                    
                    
node.js实现遍历所有文件夹里面的js文件，提取所有的url

                    

                        

                            

                                游客zi3qmblbcdexu
                                
                            

                            97
                            11
                            
                        

                    

                

                
            

        

        

            

                

                    路边两盏灯
                    
                

                |
                
1月前

                |
                

                    前端开发
                    JavaScript
                    Linux
                

            

            

                

                    
                        【Azure 应用服务】在Azure App Service for Linux环境中，部署的Django应用，出现加载css、js等静态资源文件失败
                    
                    
【Azure 应用服务】在Azure App Service for Linux环境中，部署的Django应用，出现加载css、js等静态资源文件失败


                    

                        

                            

                                路边两盏灯
                                
                            

                            16
                            0
                            
                        

                    

                

                
            

        

        

            

                

                    热爱技术的小郑
                    
                

                |
                
1月前

                |
                

                    JavaScript
                    前端开发
                    API
                

            

            

                

                    
                        vue中将验证表单输入框的方法写在一个js文件中（表达式验证邮箱、身份证、号码、两次输入的密码是否一致）
                    
                    
这篇文章介绍了如何在Vue框架中将表单输入验证逻辑封装到一个JavaScript文件中，并通过正则表达式验证邮箱、身份证、手机号等信息，同时确保两次密码输入的一致性。


                    

                        

                            

                                热爱技术的小郑
                                
                            

                            118
                            0
                            
                        

                    

                

                
            

        

        

            

                

                    。思索
                    
                

                |
                
1月前

                |
                

                    JavaScript
                

            

            

                

                    
                        Vue——使用JS文件中的函数ESLint报错未定义
                    
                    
Vue——使用JS文件中的函数ESLint报错未定义

                    

                        

                            

                                。思索
                                
                            

                            31
                            0
                            
                        

                    

                

                
            

        

        

            

                

                    白雾茫茫丶
                    
                

                |
                
2月前

                |
                

                    存储
                    中间件
                    文件存储
                

            

            

                

                    
                        Nest.js 实战 (五)：如何实现文件本地上传
                    
                    
这篇文章介绍了使用Nest框架和multer中间件包实现文件上传功能的过程。首先，作者在开发用户管理模块时遇到了需要上传用户头像的需求，因此开发了文件上传功能。文章详细介绍了如何安装依赖，如何处理单个文件上传，如何在模块层注册并配置文件上传路径，并以代码形式展示了如何实现这些功能。最后，作者对使用第三方平台存储文件进行了说明，并建议业务量大的公司很少用上传到服务器本地的方式，该方式更适合个人站点、博客使用。

                    

                        

                            

                                白雾茫茫丶
                                
                            

                            38
                            0