Input file personalizado con jQuery

Este es un método simple para poder crear un input html de tipo file personalizado utilizando el evento click de jQuery. Con este método podrás hacer que cualquier elemento de tu web pueda ser un input del tipo file, al pulsar en el elemento se te abrirá el explorador de archivos y podrás seleccionar uno cualquiera, que quedara cargado en el input oculto.

Código Jquery

<script>
$( document ).ready(function() { 
	$( ".buttoncamera" ).click(function() {
		  	
			$('.subirimagen').click();

	});
});
</script>

Código Css

<style>
.subirimagen{
	visibility: hidden;
}
</style>

Código Html

<input type="file" class="subirimagen">
<button class="buttoncamera"></button>

Si te ha sido de utilidad ¡deja un comentario!