1
resposta

[Projeto] botão Upload

<!DOCTYPE html>
<html lang="Pt-Br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Teste da Barbara</title>
</head>

<body>
    <button id="upload-btn">Upload imagem</button>
    <input type="file" id="imagem-upload" accept="image/*" style="display:none" />
    <div class="container-imagem-nome">
    </div>
    </button>
    <script>
        const uploadBtn = document.getElementById('upload-btn');
        const inputUpload = document.getElementById('imagem-upload');

        uploadBtn.addEventListener("click", () => {
            inputUpload.click();
        });
    </script>

</body>

</html>
1 resposta

Oii, Bárbara! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Você estruturou muito bem a interação do botão com o input do tipo file. Uma coisa que chamou atenção foi o uso do click para simular o clique no input oculto — essa é uma técnica bem comum para personalizar uploads.

Conteúdos relacionados
Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!