Question

我要求显示当前正在上传的每个文件的时间估算值。我们正在测试上传器的UI部分，并想知道是否有办法将其添加到当前显示的当前％完成/大小信息附近。

我真的不想为此目的制作我自己的整个自定义UI。

Answer 1

您可以将自定义元素添加到Fine Uploader的模板中，这些元素将呈现在DOM上，您可以通过JavaScript进行操作。

<script type="text/template" id="qq-template">
    <div class="qq-uploader-selector qq-uploader">
        ...
       <ul class="qq-upload-list-selector qq-upload-list">
            <li>
                ...
                <!-- custom element for updating with progress -->
                <span class="file-progress"></span>
            </li>
        </ul>
    ...
    </div>
</script>

然后，您必须绑定Fine Uploader的事件，以便在提交文件（onSubmitted）或进展（onProgress）时更新该元素。为此，您使用getItemByFileId API方法选择DOM中的文件列表项，然后使用JS选择包含您要更新的progress元素的子元素，并且 - 自然 - 像你一样更新它。

// ...

onSubmitted: function (id, name) {
    var el = getElementByFileId(id) // retrieves the list element for this file id.
    // initialze the progress element, with 0% for example
},

// ...

onProgress: function (id, name, uploadedBytes, totalBytes) {
    // update as the file progresses ....
}

// ...

documentation有更多关于向DOM添加自定义元素的简单示例。

为进度上传中的每个文件添加时间估计

1 个答案: