Plupload:选择文件按钮在Bootstrap模式中不起作用

Question

该Plupload当它是一个内部的"选择文件"按钮不起作用引导模式.

问题

这个问题似乎只存在于Apple设备上,例如iPad和iPhone.我已经在运行Android 4.2.2的三星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的模态中使用"选择文件"按钮？

Answer 1

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

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