javascript - Plupload:“选择文件”按钮在Bootstrap模态中时不起作用

当Plupload位于Bootstrap modal内时，“选择文件”按钮不起作用。

问题

该问题似乎仅在iPad和iPhone等Apple设备上存在。我已经在运行Android 4.2.2的Samsung Galaxy S4 Mini和运行Android 4.4.2的Nexus 7平板电脑上进行了测试，这两种设备都可以工作。

演示

这是演示该问题的演示(请注意，您需要在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的模态中使用“选择文件”按钮？

最佳答案

PLupload在最初隐藏的元素内部存在渲染问题。显示对话框后，您应该“刷新” plupload。
在uploader.init()之后添加此代码

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

关于javascript - Plupload:“选择文件”按钮在Bootstrap模态中时不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26896873/