CSS Como colocar uma imagem dentro de um input file

[giovane2002]

Pesquisei muito na internet e não encontrei algo que me suprisse então consegui fazer sozinho e vou compartilhar com vocês.

            <label for="arquivo" style="cursor: pointer;">
                <img id="cropbox" src="CAMINHO DA SUA FOTO" class="figure-img img-fluid rounded">
            </label>
            <input class="d-none" type="file" accept=".png,.jpeg" id="arquivo">

usei bootstrap 

[GabrielSennaMs]

@giovane2002

Deixa eu ver se eu entendi o que você quer fazer.

 

Você quer que quando o usuário selecione a imagem no input ela apareça no elemento img, é isso?