Manejo de varias imágenes cargadas en JavaScript -- javascript campo con file campo con image camp codereview Relacionados El problema

Handling multiple uploaded images in JavaScript


2
vote

problema

Español
  function uploadImages(uploader,callback1,callback2){     uploader.onchange=function(){         callback1()         var reader=new FileReader()         var i=0         reader.onload=function(){             var image=new Image()             image.onload=callback2             image.src=this.result             if(++i < uploader.files.length) reader.readAsDataURL(uploader.files[i])         }         reader.readAsDataURL(uploader.files[i])     } }   

uploader3 es el <input> elemento
callback1 Se llama cuando el usuario carga algo (para restablecer las cosas antes de manejar las imágenes)
callback2 se llama una vez por imagen, cuando se carga.

Esta función se está utilizando aquí .

Siento que podría haber una forma más sencilla de hacer esto.

Original en ingles
function uploadImages(uploader,callback1,callback2){     uploader.onchange=function(){         callback1()         var reader=new FileReader()         var i=0         reader.onload=function(){             var image=new Image()             image.onload=callback2             image.src=this.result             if(++i < uploader.files.length) reader.readAsDataURL(uploader.files[i])         }         reader.readAsDataURL(uploader.files[i])     } } 

uploader is the <input> element
callback1 is called when the user uploads something (to reset things before handling the images)
callback2 is called once per image, when it loads.

This function is being used here.

I feel like there might be a simpler way to do this.

        

Lista de respuestas


Relacionados problema

4  Encontrar similitudes entre imágenes  ( Finding similarities between images ) 
He publicado aquí antes y conseguíamos críticas bastante útiles. ¿Cómo se ve mi código ahora? Para mantenerlo realmente útil, acabo de copiar esto desde el me...

5  Mejorar este navegador de archivos de imagen (eliminar la redundancia)?  ( Improve this image file browser remove redundancy ) 
Déjame comenzar diciendo que el código funciona como es, pero creo que tiene mucha redundancia. Está escrito de esta manera, ya que seguí recibiendo nullpoint...

2  Limpiando una galería de imágenes rotativas  ( Cleaning up a rotating image gallery ) 
He creado una pequeña galería de imágenes para la web. Me propuse querer 3 cosas. 1. Toda la galería tenía una capacidad de respuesta a nivel básica. 2. La ga...

6  Programa Haskell para cambiar el nombre de las imágenes basadas en datos exif  ( Haskell program to rename images based on exif data ) 
movido originalmente de StackOverFlow , sin saber la existencia de este sitio hermano ... Debe decir que encuentro la programación en Haskell para requer...

2  Cargando imágenes en el fondo para una vista de tabla  ( Loading images in the background for a table view ) 
Tengo fetchData2 MÉTODO QUE LLENA MI imagesArray : func fetchData(){ let imageQuery = PFUser.query() imageQuery?.whereKey("username", contained...

0  Escritor BMP en C  ( Bmp writer in c ) 
Recientemente escribí un escritor BMP en C: bmpwriter.h #ifndef BMPWRITER_ #define BMPWRITER_ #include <stdint.h> int write24BitBMP(const char *outpu...

3  Inclinación en la imagen de flores  ( Tilt on hover image ) 
Estoy solicitando una revisión de este código para ver si estoy siguiendo las mejores prácticas comunes o si hay una mejor manera de realizar el objetivo esta...

6  Herramienta de programación de clase con salida de imagen  ( Class scheduling tool with image output ) 
Tengo un diccionario multicapa que contiene información sobre las clases. Estoy usando esto para codificar un generador de programación automática que eventua...

6  Vistas de grasa para editar imágenes  ( Fat viewmodels for editing images ) 
¿Cómo debo tratar con ViewModel s que son "grasas"? O debería simplemente aceptarlo a veces. Ejemplo: uno de mis ViewModel S (Edición de la página de la...

7  Encontrar rectángulos en una imagen  ( Finding rectangles in an image ) 
Así que mi clase es una en la que se usa para encontrar rectángulos en imágenes que ya se han precedido. Por ejemplo, las imágenes deben estar deserporadas, G...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos