1
resposta

Angular - Upload de multiplas imagens

Minha dúvida é a seguinte, como eu faço um upload multiplo, em sequência, ex: o usuário seleciona 4 fotos, o upload eh feito 1 foto por vez.

Eu sei que tenho que mandar um formData com os dados das imagens, vi alguns exemplos e um deles era usado o finalize() pra fazer o upload, ex: eh verificado quantas fotos tem no array e ao terminar a primeira foto o finalize() repete o processo ate passar por todas as fotos, tem alguma outra maneira ou está correto?

Desculpe não ter nenhum código, eu apenas quero uma luz de como fazer isso, obrigado.

Obs: upload de 1 arquivo eu consigo fazer de boas, mas estou preso na logíca de fazer varios em sequência.

Obrigado!

1 resposta

Fala aí José, tudo bem? Para isso você pode adicionar o atributo multiple no seu input do tipo file (caso não tenha feito).

Ele vai permitir que você selecione várias imagens.

Dessa maneira, no change do input você pode pegar todas as imagens através do event.files.

Assim, você pode estar fazendo um forEach por essas imagens e enviá-las para a API.

Caso não queira implementa tudo isso, existe uma biblioteca muito boa:

https://valor-software.com/ng2-file-upload/

Já usei algumas vezes e me atendeu muito bem. Talvez lhe atenda também.

Espero ter ajudado.