Plupload: кнопка выбора файлов не работает, когда она находится внутри модального загрузчика

на Plupload кнопка "Выбрать файлы" не работает, когда она находится внутри Bootstrap modal.

проблема

проблема, похоже, существует только на устройствах Apple, таких как iPad и iPhone. Я тестировал на Samsung Galaxy S4 Mini под управлением Android 4.2.2 и на планшете Nexus 7 под управлением Android 4.4.2, и оба этих устройства работают.

демо

вот демонстрация, чтобы проиллюстрировать проблема (обратите внимание, что вам нужно просмотреть на iPad или iPhone, чтобы увидеть проблему):

JSFIDDLE

Примечания

интересно, если я перемещаю следующую разметку за пределы .modal элемент, чтобы кнопка "Выбрать файлы" была видна при начальной загрузке страницы, тогда проблема исчезнет.

<div id="container">
    <a id="pickfiles" href="javascript:;">[Select files]</a>
    <a id="uploadfiles" href="javascript:;">[Upload files]</a>
</div>

у меня вопрос

Как я могу получить кнопку Выбрать файлы работа внутри модального для iPhone и iPad?

6
javascript jquery plupload twitter-bootstrap

1 ответов

PLupload имеет проблемы с рендерингом внутри изначально скрытых элементов. Вы должны "обновить" plupload после отображения диалогового окна. Добавьте этот код сразу после uploader.init()

$('#myModal').on('shown.bs.modal', function () {
    uploader.refresh();
})
8