Une application Web html5 pour safari mobile permettant de télécharger des images à partir de Photos.app?
Est-il possible d'écrire une application Web HTML5 conçue pour les appareils iOS (iPad, iPhone, iPod Touch) permettant à l'utilisateur de télécharger une image à partir du système de fichiers?
Imaginez que vous téléchargiez une nouvelle photo sur votre avatar Twitter via une application Web.
UPDATE: iOs 6 Safari prendra en charge le téléchargement de vidéos et d’images à partir de la photothèque.
====
Je déteste cette Parole, mais c'est impossible (en haut). Voici les raisons:
1) Safari mobile ne supporte rien télécharger.
2) le safari mobile ne peut pas accéder aux composants ios (en fait, il le peut, mais uniquement via phonegap )
une autre façon d’aborder ce problème serait de donner aux utilisateurs une adresse électronique privée à laquelle ils pourront envoyer leurs photos par courrier électronique en vue de leur téléchargement automatique (par exemple, [email protected]).
Un peu plus de travail à configurer, mais offrira une expérience cohérente aux utilisateurs de tous les appareils (les utilisateurs non mobiles pourraient également trouver cela pratique).
J'aime la solution picup sur http://picupapp.com
J'ai trouvé un travail acceptable autour de ça. Ajoutez un lien mailTo sur la page avec des instructions prédéfinies indiquant à l'utilisateur comment copier-coller une image de sa pellicule dans le courrier électronique. Ensuite, écrivez un travail/script qui écoute les e-mails entrants dans cette boîte de réception, supprimez l'image et procédez en conséquence.
Ce n'est pas parfait, mais ils cliquent sur le lien depuis Safari et n'ont plus qu'à aller aux photos, à les copier et à revenir à votre application. Après l'avoir essayé sur mon téléphone, c'est plus qu'un travail acceptable qui me permet d'avancer sans écrire une application.
<div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
<h3>{l t='Upload Picture'}</h3>
<a href="mailto:[email protected]?subject={l t='My pictures of'} {$var_biz.bizname}[{$var_biz.id}]!&body={l t='To upload a picture go to your Camera Roll and copy paste an image to this area in the email. We will apply your picture after review!'}">{l t='Click here to upload pictures of'} {$var_biz.bizname}</a>
</div>
Vous pourrez télécharger des photos à l'aide de Safari dans iOS 6 et versions ultérieures. Bien que les solutions ci-dessus soient toujours nécessaires pour iOS 5 et versions ultérieures.
Une autre application iOS native (similaire à Picup ou iphone-photo-picker) est Aurigma Up .
Safari sur iOS 6.0 est le premier à ajouter le support pour <input type="file"> en vous permettant de:
- prendre une nouvelle vidéo ou photo
- sélectionner une vidéo ou une photo de la bibliothèque
Voici à quoi ça ressemble sur iOS10:
iOS9 introduit iCloud Drive et Plus options, y compris Dropbox . iOS 6 à 8 n'avait que les deux premières options.
Vous pouvez limiter les types de fichiers à seulement des photos en utilisant le accept="image/*" attribut:
<input type="file" accept="image/*" > limitera les options aux photos uniquement:
Du côté Android Android 2.2 + est le premier à prendre en charge le code ci-dessus.
Avertissement: image courtoisie de Pipe qui gère l'enregistrement vidéo où je suis CTO
Une idée que je viens de penser est d'avoir une zone de texte dans laquelle l'utilisateur pourrait coller une URL, permettant à l'utilisateur d'utiliser Dropbox ou une application similaire et de copier une URL publique du fichier Dropbox. Ensuite, le serveur pourrait télécharger à partir du serveur Dropbox.
Je dois prendre en charge d'autres types de fichiers que les images, de sorte que cela ressemble à du fait que picupapp ne fonctionne pas pour moi.
Si vous utilisez toujours iOS5, envisagez d'utiliser iCab Mobile. Je l'ai eu pour mon ipad et (au moins pour moi) le téléchargement de fichiers fonctionne bien.
Cordialement, Piotr
Seulement pour iOS> = 6
<input type="file" accept="image/*" capture>
"capture" ne change rien avec iOS mais reste utile pour d'autres appareils (apparemment Androids, voir les commentaires).