input boton imagen

reemplazo del botón upload por una imagen

by kapry

HTML

<div>Click en la imagen para subir el archivo.</div>

<div class="image-upload">
    <label for="file-input">
        <img src="http://files.softicons.com/download/toolbar-icons/mono-general-icons-3-by-custom-icon-design/png/256x256/camera.png" alt ="Click aquí para subir tu foto" title ="Click aquí para subir tu foto" > 
    </label>

    <input id="file-input" type="file"/>
</div>

CSS

.image-upload > input
{
    display: none;
}

.image-upload img
{
    width: 30px;
    cursor: pointer;
}