Un campo mejorado con HTML 5 que nos permite la entrada de archivos, este plugin trabaja con la versión 3 de Bootstrap y permite la previsualización de los archivos para las imágenes y el texto, también puedes seleccionar múltiples archivos y más.
El plug-in mejora conceptos usuales y simplifica la inicialización de código muy extenso, lo impresionante es que la manera de usarlo es relativamente simple.
Ofrece soporte para la previsualización de archivos múltiples y la vista previa de las imágenes así como los tipos de texto.
Lo más cómodo en este plugin es que muestra la imagen antes de realizar la carga al servidor, por lo que el usuario final puede ver la imagen antes de enviarla al servidor, el detalle es que no incluye ninguna carga en con ajax.
Tienes una demostración: http://plugins.krajee.com/file-input/demo también tienes una completa documentación en el siguiente enlace: https://github.com/kartik-v/bootstrap-fileinput
Aquí tienes el video si no quieres leer:
Referencia: http://develoteca.com/bootstrap-file-input-archivos-utilizando-html5/