Jquery 精细上传器-如何使用表作为文件列表?
例如,我有这个init代码Jquery 精细上传器-如何使用表作为文件列表?,jquery,fine-uploader,Jquery,Fine Uploader,例如,我有这个init代码 <div class="form-group"> <label class="col-sm-4" for="fine-uploader">Upload</label> <div class="col-sm-8" id="fine-uploader"> <div id="select-files"></div> <table>
<div class="form-group">
<label class="col-sm-4" for="fine-uploader">Upload</label>
<div class="col-sm-8" id="fine-uploader">
<div id="select-files"></div>
<table>
<tbody id="list-files">
</tbody>
</table>
</div>
</div>
这个模板呢
<script type="text/template" id="qq-template">
<div class="qq-uploader-selector qq-uploader">
<div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
<span>Drop files here to upload</span>
</div>
<div class="qq-upload-button-selector qq-upload-button">
<div>Upload a file</div>
</div>
<span class="qq-drop-processing-selector qq-drop-processing">
<span>Processing dropped files...</span>
<span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
</span>
<span class="qq-upload-list-selector qq-upload-list">
<tr>
<td>
<div class="qq-progress-bar-container-selector">
<div class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
<span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
<span class="qq-upload-file-selector qq-upload-file"></span>
<input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
<span class="qq-upload-size-selector qq-upload-size"></span>
<a class="qq-upload-cancel-selector qq-upload-cancel" href="#">Cancel</a>
<a class="qq-upload-retry-selector qq-upload-retry" href="#">Retry</a>
<a class="qq-upload-delete-selector qq-upload-delete" href="#">Delete</a>
<span class="qq-upload-status-text-selector qq-upload-status-text"></span>
</td>
</tr>
</span>
</div>
</script>
把文件放在这里上传
上传文件
正在处理丢弃的文件。。。
而这段代码什么也不输出?。。只需一个上传按钮
如何在表中创建文件列表输出?谢谢。您的HTML表格目前无效。一般来说,如果您想要一个表格布局,您应该使用CSS适当地设置模板/HTML的样式(显示:表格等),而不是使用
。Fine Uploader内部的模板代码可能无法使用传统的HTML表元素
如果有一个特定的原因说明为什么表元素最适合您的情况或最需要它,那么让我们在中讨论
<script type="text/template" id="qq-template">
<div class="qq-uploader-selector qq-uploader">
<div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
<span>Drop files here to upload</span>
</div>
<div class="qq-upload-button-selector qq-upload-button">
<div>Upload a file</div>
</div>
<span class="qq-drop-processing-selector qq-drop-processing">
<span>Processing dropped files...</span>
<span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
</span>
<span class="qq-upload-list-selector qq-upload-list">
<tr>
<td>
<div class="qq-progress-bar-container-selector">
<div class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
<span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
<span class="qq-upload-file-selector qq-upload-file"></span>
<input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
<span class="qq-upload-size-selector qq-upload-size"></span>
<a class="qq-upload-cancel-selector qq-upload-cancel" href="#">Cancel</a>
<a class="qq-upload-retry-selector qq-upload-retry" href="#">Retry</a>
<a class="qq-upload-delete-selector qq-upload-delete" href="#">Delete</a>
<span class="qq-upload-status-text-selector qq-upload-status-text"></span>
</td>
</tr>
</span>
</div>
</script>