多文件上傳
阿新 • • 發佈:2017-06-14
blog 技術 += col code 多文件上傳 inner con tlist
自己寫的,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> varinputElement = 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>
多文件上傳