2016-07-04 7 views
0

ich ein ziemlich gemeinsamen Dateieingabefeld auf meiner Website habe, Bilder laden:mobiler Browser aktualisiert Seite nach beim Hochladen ein Fotos Kamera mit

<input name="photos" type="file" accept="image/*"/> 

Auf dekstop, es funktioniert normal. Wenn ich auf Mobilgeräten ein bereits vorhandenes Bild aus meiner Galerie auswähle, funktioniert es normal, aber wenn ich ein Foto mit der Kamera mache, wechselt es zur Kamera, ich nehme das Bild auf und, wenn ich es in der Kamera-App bestätige, Es geht zurück zum Browser, aber es aktualisiert die Seite, und das Foto wird nicht gehen. Die Eingabe ist leer.

+1

Es gibt eine ähnliche Frage hier auf Stackoverflow, aber seit mehr als 2 Jahren keine Lösung: http://stackoverflow.com/questions/14274727/android-browser-refreshes-page-after-selecting-file-via-input -element –

Antwort

0

Hinzufügen capture = "Kamera" löst es teilweise.

<input name="photos" type="file" capture="camera" accept="image/*"/> 

Das einzige Problem ist jetzt, dass Benutzer nicht von zuvor vorhandenen Fotos auswählen können.

+0

Update: Ich habe festgestellt, dass das Deaktivieren der Funktion "Responsive" in meinem Wordpress-Theme und das Nicht-Responsive meiner Site dazu führt, dass es ordnungsgemäß funktioniert, ohne beim Fotografieren oder Auswählen von Dokumenten zu aktualisieren. –

+0

aber was ist mit einem einfachen Skript, nicht aus Wordpress. Was würde man tun, um das Bild "dort" zu belassen, nachdem es mit der Kamera aufgenommen wurde, mit anderen Worten, dass der Browser danach nicht mehr aktualisiert wird ...? –