die aufgenommenen Bilder mit HTML5 für mobile Geräte

ich bin mit html 5 <input type="file" accept="image/*;capture=camera"/> Datei-element für web-mobile
um Foto zu machen es funktioniert gut, aber wie kann ich mit Datei.Wert, es zu senden, zu web service oder eine Datenbank?
hier ist die demo für mobile Geräte Demo-link

hier ist mein code, der aber nicht funktioniert
ich kann nicht den Datei-upload-Wert

   <html>
<script>
function getPhoto()
{
alert('2');
var fu1 = document.getElementById("myfile").value;
alert("You selected " + fu1);
}
</script>
<body>
<form>
<input type="file" name="myfile" accept="image/*;capture=camera"/>
<input type="submit"/>
<input type="button" value="get Photo path" onclick="getPhoto()">
</form>
</body>
</html>
hi robertc ich Hinzugefügt mein code
Sollte accept="image/*" capture="camera" ich denke? dev.opera.com/articles/view/media-capture-in-mobile-browsers

InformationsquelleAutor Yazilim Sozluk | 2013-01-11

  1. 2

    Müssen Sie die Datei-API: http://www.w3.org/TR/FileAPI/

    Hier ist ein nettes tutorial von html5rocks.com: http://www.html5rocks.com/en/tutorials/file/dndfiles/

    Versuchen, etwas wie das zu tun

    HTML

    <input type="file" id="myfile" name="myfile" accept="image/*;capture=camera"/>

    JS

    function handleFileSelect(evt) {
    var files = evt.target.files; //FileList object, files[0] is your file
}

document.getElementById('file').addEventListener('change', handleFileSelect, false);

    Wenn Sie brauchen, um Lesen Sie die Datei in JS, dann müssen Sie den FileReader-API.

    Dokument.getElementByID('files') oder eigene? mit Ihnen gibt es mit " Chrom "Uncaught TypeError: Cannot call method 'addEventListener' von null" - Fehler
    Hoppla sorry, ist ein Tippfehler sollte man hinzufügen-id="myfile" und Dokument.getElementByID('myfile')
    Wo ist diese Datei gespeichert? Ich verwende dieses in Verbindung mit einem iPhone und es funktioniert wunderbar. Ich lese die Bild und zeigen es in den DOM, aber ich Frage mich, wo ist der Pfad zu dieser Datei?

    InformationsquelleAutor skyline3000

  2. 1

    Die Sie verpasst haben zu geben-ID, um Ihre input-tag.
    Ihre input-tag wird, wie dies

    <input type="file" name="myfile" id="myfile" accept="image/*;capture=camera"/>

    InformationsquelleAutor Nimmi

Schreibe einen Kommentar