jQuery 实现动态添文件框

最新推荐文章于 2023-03-20 19:53:26 发布

miketom155

最新推荐文章于 2023-03-20 19:53:26 发布

阅读量447

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： jquery input button file

本文链接：https://blog.youkuaiyun.com/miketom155/article/details/7671757

JS 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在网页中集成文件上传表单，并通过JavaScript动态添加上传项，实现更灵活的文件上传功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

         <
         form 
         id
         =
         "fileForm" 
         action
         =
         "" 
         method
         =
         "post" 
         enctype
         =
         "multipart/form-data"
         >
        

              
         <
         tr
         >
        

                  
         <
         td
         >
        

                       
         <
         input 
          type
         =
         "file" 
         name
         =
         "file"
         ><
         input 
         type
         =
         "button" 
         id
         =
         "addButon" 
         value
         =
         "Add" 
         onclick
         =
         "add()"
         >
        

                  
         </
         td
         >
        

              
         </
         tr
         >
        

         </
         form
         >
        

         //添加一行<tr>
        
         function 
         add() {
        
         var 
         content = 
         "<tr><td>"
         ;
        
         content += 
         "<input type='file' name='file'><input type='button' value='Remove' onclick='remove(this)'>"
         ;
        
         content += 
         "</td></tr>"
        
         $(
         "#fileForm"
         ).append(content);
        
         }
        
         //删除当前行<tr>
        
         function 
         remove(obj) {
        
         $(obj).parent().parent().remove();
        
         }