Upload de foto

9 respostas
react
guilhermebhte

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

9 Respostas

rodriguesabner

vc quer mostrar uma imagem ou várias?

guilhermebhte

Só a primeira

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

Lucas_Camara

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

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

guilhermebhte

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.

Lucas_Camara

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

guilhermebhte

Não entendi

Lucas_Camara

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?

guilhermebhte

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

guilhermebhte

Alguma novidade, neste também ?

Criado 13 de julho de 2020
Ultima resposta 14 de jul. de 2020
Respostas 9
Participantes 3