好-上传-如何使用表作为文件列表？

Question

例如，我有下面的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>
            <tbody id="list-files">

            </tbody>
        </table>
    </div>
</div>

好吧，我有

1. #fine-uploader，我在这里写的很好-上传
2. #select-files，我在这里上传btn
3. #list-files将在哪里放置上传文件

好吧，走吧

$(function(){
    var fine_uploader = $("#fine-uploader");

    var keyword_upload = fine_uploader.find("#select-files").fineUploader({
        listElement: fine_uploader.find('#list-files'),
        debug: true,
        request: {
            endpoint: '/fineuploader',
        },
    });
});

而这个模板

<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>

当这段代码输出什么都没有？只要一个upload按钮..。

如何在表中创建文件列表输出？谢谢。

Answer 1

您的HTML表就其本身而言是无效的。一般来说，如果您想要一个表布局，您应该适当地使用CSS (显示: table等)对模板/HTML进行样式化，而不是使用<table>。精细Uploader内部的模板代码可能无法使用传统的HTML表元素。

如果对于您的情况来说，表元素最合适或最需要有特定的原因，那么让我们在您在项目回购中打开的GitHub问题中讨论。