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

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

ただいまの
回答率

90.61%

  • HTML

    8677questions

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

  • iOS

    3901questions

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

  • Safari

    164questions

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

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

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 160

sassan

score 2

 前提・実現したいこと

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

  <html lang="ja">
      <body>
        <input type="file">
      </body>
  </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

 追加情報

以下で試しましたが、結果は同様でした。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width">
    <title>タイトル</title>
</head>
    <body>
      <input type="file">
    </body>
</html>

※viewportはモバイル用の設定ですが、この設定を外した場合でも同様です。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正の依頼

  • SurferOnWww

    2018/05/29 14:55

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

    キャンセル

  • mts10806

    2018/05/29 15:56

    DOCTYPE宣言からきちんと組んだ場合はどうなりますか? 最小構成で結構です 例:https://codemy-lesson.office-ing.net/html5-basic-template.html

    キャンセル

  • mts10806

    2018/05/31 06:25

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

    キャンセル

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

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

  • ただいまの回答率 90.61%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    色が反映されないです

    前提・実現したいこと ここにブートストラップを導入して学校の課題サイトを作ろうと考えています。 スタイルがどうしても反映されないので質問をしにきました。 本当は黒になるはずです!!

  • 解決済

    ボタンをクリックして表示される文字列を条件分岐して表示させたい

    テキストボックスに数値を入力して、その値によって文字列を表示したいです。 しかし、どの値を入れても、最初の条件にマッチし、「軽すぎ」としか表示されません。 おまけに、formタグの

  • 解決済

    スマホのタッチイベントで2つ処理が実行されてしまう

    現在HTML,Javascript(jQuery)を使ってスマホ用Webページを作っています。 そこでおかしな現象が起こってしまい対処したいのですが、そのように対処するのがいいか検

  • 解決済

    Bootstrapのファイル選択のレイアウトについて

    前提・実現したいこと ファイル選択のinputタグにbootstrapが当たらないので、 https://qiita.com/nakapython/items/46d4479382

  • 解決済

    atomエディタのスニペット機能について

     前提・実現したいこと atomエディターのスニペットを複数登録したいです。 1つ目のスニペットの「html 宣言部分」は正常に表示される(htmlファイルに)のですが、 2つ

  • 解決済

    Root.plistの修正方法に関しまして

     前提・実現したいこと 初めまして。 当方iOSはあまり馴染みがないため、説明で不十分なところがあるかもしれませんが、目を通して頂ければ幸いです。 現在Swift3でアプリ開発を

  • 解決済

    php ログインできなくなる

     前提・実現したいこと phpでログインシステムを実装中に以下のエラーが発生しました。  発生している問題・エラーメッセージ Warning: session_start():

  • 解決済

    jqueryかcssのanimationで画像をループさせたい

     前提・実現したいこと cssのanimationを使って画像がループする処理を作っています。 また、その画像をクリックするとpaused、もう一度クリックするとrunningと切

同じタグがついた質問を見る

  • HTML

    8677questions

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

  • iOS

    3901questions

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

  • Safari

    164questions

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