Upload de foto

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.

Pecisando de mais informa√ß√Ķes √© s√≥ falar

vc quer mostrar uma imagem ou v√°rias?

1 curtida

Só a primeira

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

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

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

1 curtida

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.

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

1 curtida

N√£o entendi

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

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

Alguma novidade, neste também ?