多文件上传

<div class="form-group">
                    <label for="file" class="control-label col-lg-3">上传巡检文件</label>
                         <div class="col-lg-6">
                            <input id="fileuploade" type="file"  name="file"  multiple="multiple" th:value="${knowledge_baseDto.file}" 
                                title="最大可以上传2M的附件" onchange="fileChange(this);"/>
                        </div> 
                </div>     
                <div >
                    <ul>
                        <li th:each="file : ${files}">
                            <a th:href="${file}" th:text="${file}" />
                        </li>
                    </ul>
                </div>
                <div class="form-group">
                        <label for="fileName" class="control-label col-lg-3">文件名称<font
                                                class="text-muted">*</font></label>
                            <div class="col-lg-6">
                                <textarea id="filetext"  name="fileName" th:text="${knowledge_baseDto.fileName}" class="form-control"
                                    placeholder="只能上传jpg,png,rar,txt,zip,doc,ppt,xls,pdf,docx,xlsx格式"
                                    style="264px;height:80px;" readonly="readonly" >
                                </textarea>
                            </div>
                </div> 

#2.动态加载文件名称

//文件上传获取文件名称
var test = document.getElementById('fileuploade');
test.addEventListener('change', function() {
    var t_files = this.files;
    console.log(t_files);
    var str = '';
    for (var i = 0, len = t_files.length; i < len; i++) {
        console.log(t_files[i]);
        //str += '名称：' + t_files[i].name + ',大小:' + t_files[i].size / 1024 + 'KB';
        str +=t_files[i].name+"
";  
    };
    document.getElementById('filetext').innerHTML = str;
}, false);