前提・実現したいこと
iOSのsafariブラウザにおいて、特定の手順でファイルチューザからファイルを選択出来なくなる現象が発生しています。
iOSは現時点での最新バージョン(11.3.1)です。
本現象を解消する方法はないでしょうか?
HTML
1 <html lang="ja"> 2 <body> 3 <input type="file"> 4 </body> 5 </html>
再現手順
- 該当のWeb画面をHOMEアイコンから起動できるよう追加する。
- HOMEアイコンから画面を起動する。
- 「ファイルを選択」ボタンをタップし、「写真またはビデオを撮る」をタップする。
- 撮影画面が表示されたらiphone下部のHOMEボタンを押し、HOME画面に戻る。
- 再度、HOMEアイコンから画面を起動する。
6.「ファイルを選択」ボタンをタップする。⇒何も起こらず、画像が選択出来ない。
上記手順の後、ブラウザ上部の更新ボタンを押しても本現象は解消せず、
一旦ブラウザを終了してからHOMEアイコンから画面を起動すると、動作するようになります。
補足情報
類似の現象として、<meta name="apple-mobile-web-app-capable" content="yes">を設定したらカメラが動作しない、
というものがあるようです。この場合はiOSの最新バージョンで解消したようですが、
私の方は本metaタグは設定しておりませんので、本件とは異なるようです。
参考URL1
参考URL2
追加情報
以下で試しましたが、結果は同様でした。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <meta name="viewport" content="width=device-width"> 6 <title>タイトル</title> 7</head> 8 <body> 9 <input type="file"> 10 </body> 11</html> 12
※viewportはモバイル用の設定ですが、この設定を外した場合でも同様です。
あなたの回答
tips
プレビュー