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

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

InformationsquelleAutor Abhic | 2010-10-08

10 Comentarios

  1. 98

    ACTUALIZACIÓN:
    iOs 6 Safari va a apoyar subir imágenes y vídeos desde la Biblioteca de Fotos.

    ====

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

    1) mobile safari no soporta subir nada.

    2) mobile safari no puede tener acceso a ios componentes (en realidad se puede, pero, sólo a través de phonegap)

    • Tienes razón, es una odiosa palabra! Mi investigación ha demostrado que la misma cosa y yo no podía vivir con ella por lo que pidió aquí en TAN. Gracias por la respuesta, aunque.
    • Lo que yo no entiendo es por qué no apple permitir que las fotos/vídeos de la carpeta para ser expuestos en lugar de tener miedo de exponer a todo el sistema.
    • Cualquier enlace a la documentación de iOS Safari para referirse a cómo alcanzar la imagen de carga en iOS?? Gracias!
    • Ah! Lo hace de forma automática. Sin problemas 🙂
    • Puede usted por favor enviar el código para la carga de archivos en ios safari navegador el uso de HTML 5?
    • No hay ningún secreto, poner un input type=file y post a algún servidor web.

  2. 28

    otra forma de abordar este problema sería para dar a los usuarios un correo electrónico que puede enviar fotos por correo electrónico a para la carga automática (por ejemplo. [email protected]).

    Un poco más de trabajo para configurar, pero le dará una experiencia consistente para los usuarios en todos los dispositivos (y no usuarios de telefonía móvil podría encontrar conveniente demasiado).

    • No es una mala sugerencia.
    • Me pregunto cómo se puede hacer esto, quiero decir, el usuario envía un correo electrónico con un archivo adjunto, foto o video, ¿cómo puedo extraer esa información y guardarla en una DB y publicar la información relativa en el lugar correcto, las fotos a la carpeta de imágenes y videos a la carpeta de vídeos… no tiene que ser una secuencia de comandos ya que puede hacer que… o algo similar..
    • sí, su aplicación sería necesario recuperar los mensajes de correo electrónico periódicamente, agarrar los archivos adjuntos y guardar los cambios. He utilizado el ChilKat de correo electrónico de las bibliotecas para esto en el pasado, aunque te advierto que no siempre compilar muy bien (para mí-ymmv) entre 32/64 bits.
  3. 9

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

    • Hay un tutorial para que. Uno de los problemas de Picup es que subir la imagen a un servidor parte 3ª (imgur.com), que puede crear una gran cantidad de licencias/temas de privacidad. Imgur los términos de servicio, básicamente, decir que son los dueños de la imagen y no se pueden utilizar con fines comerciales.
    • Dunn: Picup puede ser configurado para cargar la imagen a cualquier URL que te gusta. Imgur es sólo el valor predeterminado.
  4. 8

    Me encontré con un aceptable trabajo alrededor de este. Añadir un enlace de correo en la página con instrucciones predefinidas que se muestra al usuario cómo copiar y pegar una imagen a partir de su rollo de la cámara en el correo electrónico. A continuación, escribir un puesto de trabajo/script que escucha a la bandeja de entrada de correos electrónicos entrantes, tira de la imagen y procesarla adecuadamente.

    No es perfecto, pero haga clic en el enlace de safari y, a continuación, solo tiene que ir a las fotos, copia y volver a su aplicación. Después de probarlo en mi teléfono, es más que aceptable evitar que me permite seguir adelante sin necesidad de 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>
    • Es más aceptable para usted, porque usted sabe las limitaciones – tengo curiosidad por ver las respuestas de los no desarrolladores de responder a una app como esta. Es una interesante manera de ir sobre ella y uno que se basa en otro método que los usuarios ya están familiarizados con – podría funcionar para algo que estoy tratando de hacer así.
    • Yep. eso es una buena idea. Tiene que haber un script que se va a analizar los datos adjuntos. Zend Framework tiene algunos buenos componentes para que.
  5. 6

    Usted será capaz de subir fotos con safari en iOS 6 en adelante. Aunque las soluciones anteriores todavía será necesario para iOS 5 y a continuación.

    • ¿tienes todas las instrucciones en hacerlo en iOS 6 ?
  6. 2

    Safari en iOS 6.0 es el 1 de añadir soporte para <input type="file"> permitiéndole:

    • tomar una nueva foto o vídeo
    • seleccione un vídeo o una foto de la biblioteca

    Aquí es como se ve en iOS10:

    Una web html5 app para móviles de safari para subir imágenes a partir de las Fotos.aplicación?

    iOS9 introdujo iCloud Drive y Más opciones como Dropbox. iOS 6 a 8 sólo había el 1 de dos opciones.

    Puede limitar los tipos de archivo que acaba de fotos mediante el uso de la accept="image/*" atributo:

    <input type="file" accept="image/*" > va a limitar las opciones a sólo fotos:

    Una web html5 app para móviles de safari para subir imágenes a partir de las Fotos.aplicación?

    En el Android lado Android 2.2+ es la 1ª para apoyar el código anterior.

    Descargo de responsabilidad: imagen cortesía de Tubería que se encarga de la grabación de vídeo donde estoy CTO

  7. 1

    Una idea que se me acaba de ocurrir es tener un cuadro de texto que el usuario puede pegar una url en, lo que permite al usuario el uso de dropbox o una aplicación similar y copiar una dirección url pública de dropbox archivo. A continuación, el servidor sería capaz de descargar desde el servidor de dropbox.

    Necesito admitir otros tipos de archivos de imágenes, por lo que parece picupapp no funciona para mí.

  8. 0

    Si usted todavía está utilizando iOS5, por favor, considere el uso de iCab Móvil. Tengo para mi ipad y (al menos para mí) de carga de archivos funciona bien.

    Saludos, Piotr

  9. 0

    Sólo para iOS >= 6

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

    de»captura» no cambia nada con iOS, pero todavía es útil para otros dispositivos (al parecer, los Androides, ver comentarios).

    • capture="camera" (cadena) ha sido sustituido por capture="capture" en el W3C Candidato Recomendación. En ambos casos sólo funciona en Android.
    • hace sentido. He editado la respuesta. Gracias por la info

Dejar respuesta

Please enter your comment!
Please enter your name here