如果我使用桌面,ipad或iphone直接从移动版Safari中使用我的单页angular.js应用程序,Filepicker.io可以正常工作。但是如果我将我的网站添加到iphone主屏幕,并使用以下命令运行应用程序:
<meta name="apple-mobile-web-app-capable" content="yes">
然后,当从相机中选择时,应用程序选择时,应用程序会立即失败。它显示一个红色条错误,“最终结果导致屏幕失败。请关闭此窗口再试一次......”
答案 0 :(得分:0)
简短版本:在这种情况下,使用{container}选项将filepicker.io打开到页面中的iframe中。
更全面的解释: 默认的移动行为是在新窗口中打开,当前的iOS模型将从window.open()之外的主屏幕应用程序中生成一个新的safari实例。当Filepicker.io然后将数据发送回调用应用程序时,Safari沙盒会阻止数据传输,从而导致出现错误。
要解决此问题,您可以使用{container}属性强制Filepicker.io在页面中的iframe中打开。