Filepicker.io 上传失败，移动 safari 全屏

Question

如果我使用台式机、ipad 或 iphone 直接从移动 safari 使用我的单页 angular.js 应用程序，Filepicker.io 可以正常工作。但是，如果我将我的网站添加到 iphone 主屏幕，并使用以下命令运行应用程序：

<meta name="apple-mobile-web-app-capable" content="yes">

然后在从相机中选择图片时，应用程序会立即失败。它显示一个红色条错误，大意是“最终结果到屏幕失败。请关闭此窗口并重试...”

Answer 1

短版：在这种情况下，使用 {container} 选项将 filepicker.io 打开到页面中的 iframe。

更完整的解释： 默认的移动行为是在新窗口中打开，当前的 iOS 模型将从 window.open() 的主屏幕应用程序生成一个新的 safari 实例。当 Filepicker.io 然后将数据发送回调用应用程序时，Safari 沙盒会阻止数据传输，从而导致出现错误。

要解决此问题，您可以使用 {container} 属性强制 Filepicker.io 在页面的 iframe 中打开。