前端代码:
<div class="row">
<div class="file_model col-md-12">
<script type="text/html" id="files-item-tpl">
<li id="saved-file{id}">
<input id="file-{id}" type="hidden" name="file_urls[]" value="{filepath}">
<input class="form-control" id="file-{id}-name" type="text" name="file_names[]" value="{name}"
style="width: 200px;" title="文件名称">
<a class="btn btn-info" id="file-{id}-preview" href="{preview_url}" target="_blank"><i class="fa fa-download fa-fw"></i></a>
<a class="btn btn-default" href="javascript:uploadOne('文件上传','#file-{id}','file');"><i class="fa fa-upload fa-fw"></i></a>
<a class="btn btn-danger" href="javascript:(function(){$('#saved-file{id}').remove();})();"><i class="fa fa-trash fa-fw"></i></a>
<a class="btn btn-success" href="javascript:(function(){$('#saved-file{id}').before($('#saved-file{id}').next());})();"><i class="fa fa-arrow-down fa-fw"></i></a>
</li>
</script>
<div class="upload_file_div">
<h3>附件</h3>
<ul id="files" class="pic-list list-unstyled form-inline">
</ul>
<a href="javascript:uploadMultiFile('附件上传','#files','files-item-tpl','file');"
class="btn btn-default">选择文件</a>
</div>
</div>
</div>
<hr>