Question

你在这里创建了我的问题的JSFiddle。

我也会在这里重复代码，因为Stackoverflow迫使我这样做。

的JavaScript

        <!-- using fine uploader 5.1.3 at http://keysymmetrics.com/jsfiddle/jquery.fine-uploader.js -->

    $(document).ready(function()
    {
        $("#fine-uploader").fineUploader({
            listElement: $('#listElement'),
            debug: true,
            template: 'qq-template-bootstrap',
            request: {
                endpoint: "/my-endpoint"
            }

        });

    });

HTML

<script type="text/template" id="qq-template-bootstrap" class="qq-uploader-selector">
<div class="row">
    <div class="col-sm-4" >
        <div class="qq-upload-button-selector
                            qq-upload-drop-area-selector
                            drag-drop-area" >
            <div>Drag and drop files here or click to upload</div>
        </div>

    </div>
</div>


<div class="qq-upload-list-selector" id="#listElement" >
    <div class="panel panel-default" >
        <div class="panel-body" >
            <div class="qq-progress-bar-container-selector progress">
                <div class="qq-progress-bar-selector progress-bar"></div>
            </div>
            <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
            <span class="qq-upload-file-selector qq-upload-file"></span>
            <span class="qq-upload-size-selector qq-upload-size"></span>
            <span class="qq-upload-status-text-selector qq-upload-status-text"></span>
            <img class="qq-thumbnail-selector" qq-max-size="100" />
        </div><!-- close panel-body -->
    </div><!-- close panel -->
</div>

</script>
<h1>Fine Uploader Test</h1>
<div id="fine-uploader"></div>

在查看JSFiddle示例时，如果打开调试控制台，您将看到消息＆＃34;未捕获错误：无法在模板中找到文件列表容器！＆＃34;。

我不确定这意味着什么，我以为我可以使用listElement属性告诉fine-uploader这个列表使用哪个元素？

在旁注中，如果我使用id = listElement剪切并粘贴div并使用class = qq-upload-button-selector将其移动到div旁边，那么此示例工作正常。

任何帮助都会受到赞赏，我已经花了好几个小时，并且还没有在stackoverflow上找到答案。

Answer 1

您的代码有几个问题：

＆＃34;＃listelement＆＃34;在所有浏览器中都不是有效的html元素ID。
您正在尝试选择DOM中尚不存在的元素。不清楚为什么要指定列表元素也不清楚。精细上传器应该在渲染时在模板中找到该列表。

listElement属性的行为不符合预期

1 个答案: