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

file-upload ios

Question

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

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

Answer 1

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

No es perfecto, pero hacen clic en el enlace de safari y luego solo tienen que ir a las fotos, copiar y volver a su aplicación. Después de probarlo en mi teléfono, es más que un trabajo 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:[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>

Answer 2

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

Answer 3

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

Answer 4

Otra forma de abordar este problema sería proporcionar a los usuarios una dirección de correo electrónico privada a la que puedan enviar sus fotos por correo electrónico para su carga automática (por ejemplo, [email protected]).

Un poco más de trabajo para configurar, pero ofrecerá una experiencia uniforme para los usuarios en todos los dispositivos (y los usuarios que no usan dispositivos móviles también lo considerarán conveniente).

Answer 5

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

Answer 6

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

Saludos, Piotr

Answer 7

Solo para iOS> = 6

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

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

Answer 8

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 archivos que no sean imágenes, así que parece que picupapp no ​​funcionará para mí.

Answer 9

ACTUALIZACIÓN: iOs 6 Safari permitirá cargar videos e imágenes de la Biblioteca de fotos.

====

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

1) safari móvil no admite cargar nada.

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

Answer 10

Safari en iOS 6.0 es el primero en agregar soporte para <input type="file"> permitiéndole:

• tomar un nuevo video o foto
• selecciona un video o foto de la biblioteca

Así es como se ve en iOS10:

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

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

<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