入力要素を介してファイルを選択した後、Androidブラウザがページを更新します

Question

ユーザーに画像ファイルをサーバーにアップロードできるように、入力ファイル 'file'を含むモバイルWebページがあります。このページはiOSとChromeブラウザのNexus 4（Android 4.2.1）で正常に動作します。

デフォルトのブラウザで「サムネイルS3」（Android 4.0.4）を使用すると、「ファイルを選択」ボタンをクリックすると画像選択ダイアログが開きますが、イメージを選択してダイアログを閉じると、リフレッシュされたので、選択された画像は失われます。誰もこの行動を見たことがありますか？回避策の提案はありますか？私が使用している

入力要素はかなり標準であり、そして次のようになります。

<input id="addPhoto" type="file" accept="image/*"/> 

でも「受け入れる」属性なしで私は同じ問題を取得します。

Answer 1

はこの問題を見たことがあります：

https://code.google.com/p/android/issues/detail?id=53088

基本的には、何が起こっているように見えることはこれです：

• アンドロイドは、ファイルチューのための十分なメモリが利用できていませんか、カメラアプリ。

• それはファイル選択/カメラが閉じられた後、ブラウザが無用な運動を選択するファイル全体をレンダリングするページの更新を、トリガ、再び開かれる。ブラウザ

• を閉じてメモリを解放します

任意のブラウザベースのソリューションの制御を超えているが、私はこの仮定に間違って証明するのが大好きだと私には思えます。

Answer 2

あなたはこのjQueryのメソッドを試すことができます：http://blueimp.github.com/jQuery-File-Upload/

Uploadifyも有望に見える：http://www.uploadify.com/

は、ここでのデモです：http://www.uploadify.com/demos/

私は問題はあなたのコードではないと思います、あなたが使用しているデフォルトのAndroidブラウザです。

Answer 3

Andriod 2.3.6の電話で同じ問題が発生しています。私の同僚の一人は、彼の電話で問題を抱えていません（それが何を実行しているかを思い出すことはできません）。彼はそれが記憶上の問題かもしれないと示唆した。電話機に十分なメモリがない場合、実際にブラウザを使用して画像を選択してからページをリロードする必要があります。私はまだこれが問題であることを確認することができませんでしたが、私の電話は彼よりもかなり少ないメモリしか持っていません。