質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

1343閲覧

iPhoneのHOMEアイコンから起動したWeb画面において<input type="file">が動作しない場合がある

sassan

総合スコア6

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2018/05/29 04:04

編集2018/05/30 11:21

前提・実現したいこと

iOSのsafariブラウザにおいて、特定の手順でファイルチューザからファイルを選択出来なくなる現象が発生しています。
iOSは現時点での最新バージョン(11.3.1)です。
本現象を解消する方法はないでしょうか?

HTML

1 <html lang="ja"> 2 <body> 3 <input type="file"> 4 </body> 5 </html>

再現手順

  1. 該当のWeb画面をHOMEアイコンから起動できるよう追加する。
  2. HOMEアイコンから画面を起動する。
  3. 「ファイルを選択」ボタンをタップし、「写真またはビデオを撮る」をタップする。
  4. 撮影画面が表示されたらiphone下部のHOMEボタンを押し、HOME画面に戻る。
  5. 再度、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はモバイル用の設定ですが、この設定を外した場合でも同様です。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2018/05/29 05:55

ASP.NET のタグが付いてますが、質問を読む限り ASP.NET とは少なくとも直接の関係はない(ブラウザ側だけの問題)ように見えます。であれば、ASP.NET のタグは外していただくようお願いします。
m.ts10806

2018/05/30 21:25

inputにnameを入れても変わりませんか? 例:<input type="file" name="file">
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問