les images capturées avec HTML5 pour les appareils mobiles

je suis en utilisant le html 5 <input type="file" accept="image/*;capture=camera"/> élément de fichier pour le web mobile
pour prendre la photo, il fonctionne très bien, mais comment puis-je gérer fichier.la valeur de l'envoyer à un service web ou une base de données?
ici est une démo pour les appareils mobiles Le lien de démonstration

voici mon code mais il ne fonctionne pas
je ne peux pas obtenir de téléchargement de fichiers valeur

   <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>
InformationsquelleAutor Yazilim Sozluk | 2013-01-11
  1. 2

    Vous devez utiliser le Fichier API: http://www.w3.org/TR/FileAPI/

    Ici est un bon tutoriel à partir de html5rocks.com: http://www.html5rocks.com/en/tutorials/file/dndfiles/

    Essayer de faire quelque chose comme ceci

    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);

    Si vous avez besoin de lire le fichier en JS, alors vous devez utiliser le FileReader API.

    • document.getElementByID ("fichiers") ou myfile? avec eux, il donne avec chrome "Uncaught TypeError: Impossible d'appeler la méthode "la méthode addEventListener' null," erreur
    • Oups désolé c'est une faute de frappe, vous devez ajouter id="monfichier" et le document.getElementByID('monfichier')
    • Où est ce fichier est stocké? Je suis sur ce projet en collaboration avec un iPhone et il fonctionne à merveille. Je peux lire le prendre en photo et de le montrer dans les DOM, mais je me demande où est le chemin d'accès à ce fichier?
    InformationsquelleAutor skyline3000
  2. 1

    Vous avez manqué de donner l'ID de votre balise input.
    votre balise d'entrée sera comme ceci

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