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} 属性强制在页面的 iframe 中打开 Filepicker.io。