모바일 사파리 전체 화면으로 Filepicker.io 업로드가 실패합니다

Question

모바일 사파리에서 직접 데스크톱, ipad 또는 iphone을 사용하여 단일 페이지 angular.js 앱을 사용하면 Filepicker.io가 정상적으로 작동합니다. 하지만 내 웹 사이트를 iphone 홈 화면에 추가하고 다음을 사용하여 앱을 실행하는 경우 :

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

그러면 카메라에서 사진을 선택할 때 앱이 즉시 실패합니다. 빨간색 막대 오류를 표시합니다. "최종 결과가 화면에 표시되지 않았습니다.이 창을 닫고 다시 시도하십시오 ..."

Answer 1

짧은 버전 : {container} 옵션을 사용하여 filepicker.io 파일을 엽니 다. 이 경우 귀하의 페이지에 iframe이 있습니다.

자세한 설명 : 기본 모바일 동작은 새 창에서 열며 현재 iOS 모델은 window.open() 홈 화면 앱에서 새 사파리 인스턴스를 생성합니다. 그런 다음 Filepicker.io가 데이터를 호출 응용 프로그램에 다시 보내면 Safari 샌드 박싱은 데이터가 전송되는 것을 방지하여 오류를 발생시킵니다.

이 동작을 수정하려면 {container} 속성을 사용하여 페이지의 iframe에서 Filepicker.io를 강제로 열 수 있습니다.