Upload de foto

Front-end
#1

Tenho este componente para upload de foto

const [photo, setPhoto] = useState("");

const handleChange = (event) => {
    const file = event.target.files[0];
    setPhoto(file);
};

<label htmlFor="upload">
          <img
            src={photo}
            alt="Adicionar Foto"
            className={classes.photo}
          />
          <input
            accept="image/*"
            type="file"
            id="upload"
            className={classes.hidden}
            onChange={handleChange}
          />
        </label>

Para inserir funciona normal.

Quando quero alterar um registro não funciona.

erro
erro.png1351×780 41.2 KB

Pecisando de mais informações é só falar

#2

vc quer mostrar uma imagem ou várias?

1 curtida
#3

Só a primeira

Ele vai atualizar sua imagem. Mas antes deve ver como ela fica.

#4

Veja esse exemplo: http://jsfiddle.net/LvsYc/

Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/FileReader

1 curtida
#5

Entendi. Mas porque no fomulário de inclusão funciona e no de alteração não.

Não vi ainda diferenças no código.

#6

A ação que é realizada em handleChange da inclusão é executada quando o componente de alterar é carregado?

1 curtida
#7

Não entendi

#8

Realmente minha pergunta ficou confusa. Vamos recomeçar: O formulário de incluir e alterar é o mesmo código ou são códigos diferentes? Nesse erro no console, aparece em qual componente ocorreu?

1 curtida
#9

Realmente minha pergunta ficou confusa. Vamos recomeçar: O formulário de incluir e alterar é o mesmo código ou são códigos diferentes?

São diferentes

Nesse erro no console, aparece em qual componente ocorreu?

O de alterar

#10

Alguma novidade, neste também ?