0

Tengo un input html

<input type="file" @change="handleImg" accept="image/*">

Y la función handleImg

handleImg(e){
  const img = e.target.files[0]
  ...
},

No entiendo como la función handleImg, sin pasarle ningún parámetro al llamarla entiende que el elemento con la imágen es lo que se llama e en la definición de la función.

Yo quisiera pasarle un segundo parámetro, intenté hacer la llamada a la función con

handleImg($el, item) o con

handleImg(_, item) 


handleImg($event, item) o con // <- Esta era la respuesta, evidentemente lo probé mal

Y siempre recibo error. Alguna sugerencia de cómo hacer para pasar varios parámetros? Muchas gracias

4
  • y que sería item? el 2 mar. 2022 a las 15:22
  • @LuisS.Romero un id que me indica dónde guardar la imágen. Tengo un boton que al clickearlo agrega un input para que pueda subir la imagen. Tambien hay botones para crear otras cosas y se pueden crear varias imagenes. Por eso con un id se me ocurrio que puedo guardarla como corresponde.
    – Agustin G.
    el 2 mar. 2022 a las 15:31
  • Te acepté la respuesta, evidentemente no escribí bien $event porque creí haberlo intentado. Muchas gracias, además me sirvió la explicación.
    – Agustin G.
    el 2 mar. 2022 a las 15:37
  • 1
    Me alegra mucho haber podido aclarar un poco más, gracias por la calificación, quedo a las órdenes. el 2 mar. 2022 a las 15:38

1 respuesta 1

1

La e se refiere al evento, cuando se dispara (change en este caso, es decir cuando hay un cambio) este evento devuelve un objeto que por defecto es el primer parámetro de la función, este se puede capturar con cualquier nombre, los más comunes son e, ev y event, dentro del objeto event existe un target que hace referencia al elemento sobre el que se escucha el evento, en este caso tu input. Entonces dentro de event.target o e.target en tu caso tienes disponible lo referente al input, por lo que en e.target.files tienes lo que has subido.

Por el @change deduzco que estás utilizando Vue, para pasar el evento y un segundo parámetro deberías usar una sintaxis como la siguiente:

<input type="file" @change="handleImg($event, anotherParam)">

Donde seguirías recibiendo como primer parámetro el evento y en el segundo parámetro el otro argumento que desees enviar, ejemplo item.id.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.