Как я могу отфильтровать файлы для загрузки в программе загрузки Blueimp JQuery

Question

Я пытаюсь использовать программу загрузки файла BlueQuQuery File https://github.com/blueimp/jQuery-File-Upload. Я искал вики и документацию, но не смог найти ответ, как отфильтровать файлы, доступные для скачивания.

Я использую его внутри аутентифицированной "защищенной" области. Я успешно добавил все свои загруженные файлы с уникальным идентификатором (например, UID-filename.jpg), который я буду иметь в аутентифицированном сеансе. Поэтому все, что мне нужно сделать, это выбрать только те, которые имеют правильный UID.

Код jquery, который показывает таблицу загрузки:

<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<!--    <tr class="template-download fade">-->
    <tr class="template-download ">
    {% if (file.error) { %}
        <td></td>
        <td class="name"><span>{%=file.name%}</span></td>
        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
        <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
    {% } else { %}
        <td class="preview">{% if (file.thumbnail_url) { %}
            <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
        {% } %}</td>
        <td class="name">
            <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
        </td>
        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
        <td colspan="2"></td>
    {% } %}
    <td class="delete">
        <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
            <i class="icon-trash icon-white"></i>
            <span>{%=locale.fileupload.destroy%}</span>
        </button>
        <input type="checkbox" name="delete" value="1">
    </td>
</tr>

Я не очень опытный в JS/Jquery. Буду признателен за любые идеи о том, что делать дальше. Кто-нибудь знаком с настройкой / опцией для фильтрации этих файлов. В качестве альтернативы, я предполагаю, что файл - это массив имен файлов или путей, которые, я подозреваю, могут быть отфильтрованы. В PHP я бы, вероятно, использовал функцию glob. У кого-нибудь есть опыт работы с этим в JS?

Заранее спасибо,

Билл

Answer 1

Используйте плагин http://sunnywalker.github.io/jQuery.FilterTable/ Он работает на любом столе и прост в развертывании.

Включить зависимости:

<script src="/path/to/jquery.js"></script>
<script src="/path/to/bindWithDelay.js"></script> <!-- optional -->
<script src="/path/to/jquery.filtertable.js"></script>
<style>
    .filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
    .fitler-table .quick:hover { text-decoration: underline; }
    td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
</style> <!-- or put the styling in your stylesheet -->

введите код

<script>
$('table').filterTable(); //if this code appears after your tables; otherwise, include it in your document.ready() code.
</script>

Хорошо! Удачи!