【问题标题】:Plupload: Select files button doesn't work when it is inside a Bootstrap modalPlupload:选择文件按钮在 Bootstrap 模式中时不起作用
【发布时间】:2014-11-12 21:24:59
【问题描述】:

Plupload“选择文件”按钮在 Bootstrap modal 中时不起作用。

问题

这个问题似乎只存在于 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 的模式中工作?

【问题讨论】:

  • 我相信这个按钮在 iphone 上没有任何意义,因为你无法访问本地文件,所以没有什么可以上传
  • 实际上在iPhone上可以访问本地文件系统。
  • Right ;) 在 plupload 上测试了这个例子。你能调试这个吗?也许在 ios 模拟器中?
  • 可能是因为模态元素最初是隐藏的……?当模态内容可见时尝试初始化 Plupload(我确信引导程序有一个回调函数或其他东西)。
  • @CBroe Bootstrap 确实有这个$('#myModal').on('shown.bs.modal', function (e) { }),我已经尝试过,但我认为我没有正确使用它。你能告诉我怎么做吗?

标签: javascript jquery twitter-bootstrap plupload


【解决方案1】:

PLupload 在最初隐藏的元素中呈现问题。显示对话框后,您应该“刷新”plupload。 在uploader.init()之后添加此代码

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

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-12-15
  • 1970-01-01
  • 1970-01-01
  • 2013-02-26
  • 2020-04-21
  • 2015-02-05
  • 1970-01-01
相关资源
最近更新 更多