码迷,mamicode.com
首页 > Web开发 > 详细

多文件上传

时间:2017-06-14 11:29:12      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:class   input   dex   ++   cti   als   file   url   src   

自己写的,css 就不放上了

 

技术分享

技术分享

 

<div class="tck_but04_zh mar_top20 ">
                          <span class="sctp_bq width400">
                              <input class="filePrew" tabindex="3" name="file1" id="pic_url" size="3" type="file" accept=".pdf,.doc,.docx,.xls,.xlsx"  multiple="multiple">
                              <img src="img/ico_fu.png">
                              <span>点击上传文件,支持word、pdf、xls、xlsx格式文件</span>
                          </span>
                        </div>
               
                       <div id="content_c"></div>  
                       <script>  
                       var inputElement = document.getElementById("pic_url");    
                    inputElement.addEventListener("change", handleFiles, false);  
                      
                    function handleFiles(){  
                        var fileList = this.files;  
                           var dd = document.getElementById(‘content_c‘);  
                        for( var i = 0 ; i < fileList.length ; i++ ){  
                               dd.innerHTML += "<div class=‘ches_fe‘>"+fileList[i].name+"<a class=‘dele_few‘>删除</a></div>";  
                        }  
                    }  
                       </script>  

 

多文件上传

标签:class   input   dex   ++   cti   als   file   url   src   

原文地址:http://www.cnblogs.com/songrimin/p/7007495.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!