voltea - La foto capturada se gira automáticamente durante la carga en IOS 6.0 o iPhone
voltear fotos espejo (1)
Tengo un control de archivos HTML utilizando esto, estoy tratando de cargar un archivo en el servidor.
- Haga clic en el control de archivos
- Se abrirá automáticamente el cuadro de diálogo para la selección de archivos / cámaras.
- Selecciono camara
- Capturé la foto y la guardo.
- Ahora envíe el formulario
- La captura de fotos se guarda correctamente en el servidor, pero se gira 90 grados.
Este problema es solo con iPhone o iOS.
<input id="image" name="image" type="file" accept="image/*" capture style="width: 58px" />
Por favor, hágamelo saber cómo detener la rotación automática de la imagen si se captura desde la cámara.
Gracias, Imdadhusen
Esto podría tener algo que ver con metatags EXIF / TIFF en las imágenes.
Una de estas etiquetas indica la orientación de la imagen. Algunas fotos que subes a un servidor (por ejemplo, desde el iPhone) pueden tener estas etiquetas, mientras que otras (de una fuente / flujo de trabajo diferente) pueden no tenerlas. El servidor puede o no retener estas etiquetas, y puede o no leer las etiquetas para intentar una orientación correcta de la imagen. De manera similar, un navegador web puede o no prestar atención a estas etiquetas. Si subes imágenes que contienen etiquetas, los resultados serán impredecibles.
Una buena manera de averiguar si este es el problema sería descargar una imagen de "problema" y una imagen "buena" del servidor y compararlas. Ábralos en vista previa y verifique la segunda pestaña del Inspector. Cualquier meta-información se mostrará allí. Ver si una imagen tiene información de orientación y la otra no. Si ninguno de los dos muestra metainformación, es bastante probable que el servidor lo elimine todo y no lo use, y puede olvidarse de esta respuesta.
También deberías comparar en diferentes navegadores. Algunos navegadores leen esta información de orientación y giran la imagen en consecuencia, otros no.
Por ejemplo, una foto de mi iPhone que fue tomada en modo retrato tiene los siguientes metatags:
- Altura del píxel: 2,448
- Anchura de píxel: 3,264
- Orientación: 6 (rotado 90 ° CCW)
La orientación del mapa de bits nativo es el paisaje .
El metatag de ''orientación'' indica que el software de lectura de imágenes debe rotar al retrato para mostrarlo.
El metatag es usado por (algunos) software de imagen para "correctamente" rotar la imagen a vertical pero ignorado por otro software que mostrará la imagen como horizontal.
La situación es confusa y no existe un estándar establecido para esto (las etiquetas son solo una sugerencia), por lo que cuando se preparan imágenes para una publicación en línea, lo más seguro es eliminarlas y rotar físicamente la imagen a la orientación correcta de BITMAP antes de cargarla. . Si está escribiendo el lado del servidor de una aplicación, puede hacer esto en el servidor. Pero es vital entregar imágenes a un navegador web en la orientación correcta de BITMAP sin metatags de orientación.
¿Por qué es esto? Porque incluso hoy en día los diferentes navegadores tienen diferentes enfoques para metatags.
La imagen del iPhone que acabo de mencionar se muestra de la siguiente manera:
Google Chrome 24 retrato
Safari 6 retrato
Firefox 17 paisaje
Opera 12 paisaje
¡No es un gran estado de cosas!