¿Una aplicación web html5 para safari móvil para cargar imágenes desde Photos.app?

¿Es posible escribir una aplicación web HTML5 diseñada para los dispositivos iOS (iPad, iPhone, iPod Touch) que permita al usuario cargar una imagen desde el sistema de archivos?

Imagina subir una nueva foto a tu avatar de Twitter a través de una aplicación web.

ACTUALIZACIÓN: iOs 6 Safari admitirá la carga de videos e imágenes desde la Biblioteca de fotos.

====

Odio esta palabra, pero es imposible (hasta ahora). Aquí están las razones:

1) el safari móvil no admite la carga de nada.

2) el safari móvil no puede acceder a los componentes de ios (en realidad puede hacerlo, pero solo a través de phonegap )

otra forma de abordar este problema sería dar a los usuarios una dirección de correo electrónico privada a la que puedan enviar sus fotos por correo electrónico para cargarlas automáticamente (por ejemplo, photos+abc123@yoursite.com).

Un poco más de trabajo para configurar, pero brindará una experiencia uniforme para los usuarios en todos los dispositivos (y los usuarios que no tienen dispositivos móviles también pueden encontrarlo conveniente).

Me gusta la solución de picup en http://picupapp.com

Encontré una solución aceptable para esto. Agregue un enlace mailTo en la página con instrucciones predefinidas que muestre al usuario cómo copiar y pegar una imagen de su rollo de cámara en el correo electrónico. Luego, escriba un trabajo / script que escuche en esa bandeja de entrada los correos electrónicos entrantes, elimine la imagen y procese en consecuencia.

No es perfecto, pero hacen clic en el enlace de safari y luego solo necesitan ir a las fotos, copiar y volver a su aplicación. Después de probarlo en mi teléfono, es más que una solución aceptable que me permite seguir adelante sin escribir una aplicación.

    <div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
    <h3>{l t='Upload Picture'}</h3>
    <a href="mailto:fotos@opina.com?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>

Podrás subir fotos usando safari en iOS 6 en adelante. Aunque las soluciones anteriores seguirán siendo necesarias para iOS 5 y versiones posteriores.

Otra aplicación nativa de iOS (similar a Picup o iphone-photo-picker) es Aurigma Up .

Safari en iOS 6.0 es el primero en agregar soporte <input type="file">al permitirte:

• tomar un nuevo video o foto
• seleccione un video o una foto de la biblioteca

Así es como se ve en iOS10:

iOS9 presentó iCloud Drive y más opciones, incluido Dropbox . iOS 6 a 8 tenía solo las dos primeras opciones.

Puede limitar los tipos de archivos a solo fotos utilizando el accept="image/*"atributo:

<input type="file" accept="image/*" > limitará las opciones a solo fotos:

En el lado de Android Android 2.2+ es el primero en admitir el código anterior.

Descargo de responsabilidad: imagen cortesía de Pipe que maneja la grabación de video donde soy CTO

Una idea que acabo de pensar es tener un cuadro de texto en el que el usuario pueda pegar una URL, lo que le permite usar Dropbox o una aplicación similar y copiar una URL pública del archivo de Dropbox. Entonces, el servidor podría descargar desde el servidor de Dropbox.

Necesito admitir tipos de archivo que no sean imágenes, por lo que parece que picupapp no ​​funcionará para mí.

Si todavía usa iOS5, considere usar iCab Mobile. Lo tengo para mi ipad y (al menos para mí) la carga de archivos funciona bien.

Saludos, Piotr

Solo para iOS> = 6

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

"capturar" no cambia nada con iOS, pero sigue siendo útil para otros dispositivos (aparentemente Android, ver comentarios).