Bootstrap File Input

En lugar de seleccionar y cargar un archivo a la vez, o el uso de varios campos de carga de la misma forma, los desarrolladores pueden desplegar archivos de entrada Bootstrap para proporcionar a sus usuarios con un archivo de interfaz bonita recogiendo, con previsualizaciones de archivos, el apoyo para las selecciones de varios archivos, y varios botones de acción.

Entrada Bootstrap archivo tiene básicamente cuatro elementos principales. El botón de selección de archivos, el botón de subida, el botón selecciones eliminar, y la sección de vista previa.

Cada uno de éstos se puede apagar o personalizado a través de CSS, lo que permite a los desarrolladores crear recolectores de archivo personalizado, si lo consideran conveniente para usar en su aplicación.

Bootstrap de archivos de entrada también es compatible con los estados de movilidad reducida, es muy ligero cuando se trata de tamaño del disco, y sólo se ocupa de las operaciones del lado del cliente en relación con el proceso de carga. Esto significa que tiene que integrarse en el lado del servidor para guardar realidad y almacenar los archivos cargados. La buena noticia es que ya está escrito en JavaScript y HTML 5 se puede llegar a funcionar con casi cualquier tipo de lenguaje de programación del lado del servidor.

Una demo se incluye en el archivo del paquete de descarga de entrada Bootstrap

¿Qué hay de nuevo en esta versión:.

• Mejora:

apoyo
• Las etiquetas personalizadas para layoutTemplates y previewTemplates (obra nueva y customLayoutTags customPreviewTags incluido).
• Nuevo evento filebatchselected desencadenó después de cada lote de archivos se seleccionan.
• Nuevo método más rápido replaceAll en lugar de análisis sintáctico de expresiones regulares para reemplazar las etiquetas en las plantillas.
• Mejorar el gestor de errores para la captura de excepciones de seguridad y FileReader nueva propiedad msgFileSecured mostrará el mensaje de excepción de seguridad.
• Limpieza de código y reestructurar los cambios pelusa JS (usando la biblioteca Limpieza de código JSHint).
• Permitir la visualización de los nombres de archivo largos sin pausas espacios / palabra.
• Fix restablecimiento de la pila de archivos para varios modos de carga (individuales, asíncrono lote y lote de sincronización).
• Sube la marcha de mejoras en la barra de estilismo.

¿Qué hay de nuevo en la versión 4.2.8:

• Mejora:

apoyo
• Las etiquetas personalizadas para layoutTemplates y previewTemplates (obra nueva y customLayoutTags customPreviewTags incluido).
• Nuevo evento filebatchselected desencadenó después de cada lote de archivos se seleccionan.
• Nuevo método más rápido replaceAll en lugar de análisis sintáctico de expresiones regulares para reemplazar las etiquetas en las plantillas.
• Mejorar el gestor de errores para la captura de excepciones de seguridad y FileReader nueva propiedad msgFileSecured mostrará el mensaje de excepción de seguridad.
• Limpieza de código y reestructurar los cambios pelusa JS (usando la biblioteca Limpieza de código JSHint).
• Permitir la visualización de los nombres de archivo largos sin pausas espacios / palabra.
• Fix restablecimiento de la pila de archivos para varios modos de carga (individuales, asíncrono lote y lote de sincronización).
• Sube la marcha de mejoras en la barra de estilismo.

¿Qué hay de nuevo en la versión 4.2.2:

• Mejora:

apoyo
• Las etiquetas personalizadas para layoutTemplates y previewTemplates (obra nueva y customLayoutTags customPreviewTags incluido).
• Nuevo evento filebatchselected desencadenó después de cada lote de archivos se seleccionan.
• Nuevo método más rápido replaceAll en lugar de análisis sintáctico de expresiones regulares para reemplazar las etiquetas en las plantillas.
• Mejorar el gestor de errores para la captura de excepciones de seguridad y FileReader nueva propiedad msgFileSecured mostrará el mensaje de excepción de seguridad.
• Limpieza de código y reestructurar los cambios pelusa JS (usando la biblioteca Limpieza de código JSHint).
• Permitir la visualización de los nombres de archivo largos sin pausas espacios / palabra.
• Fix restablecimiento de la pila de archivos para varios modos de carga (individuales, asíncrono lote y lote de sincronización).
• Sube la marcha de mejoras en la barra de estilismo.

¿Qué hay de nuevo en la versión 4.2.1:

• Mejora:

apoyo
• Las etiquetas personalizadas para layoutTemplates y previewTemplates (obra nueva y customLayoutTags customPreviewTags incluido).
• Nuevo evento filebatchselected desencadenó después de cada lote de archivos se seleccionan.
• Nuevo método más rápido replaceAll en lugar de análisis sintáctico de expresiones regulares para reemplazar las etiquetas en las plantillas.
• Mejorar el gestor de errores para la captura de excepciones de seguridad y FileReader nueva propiedad msgFileSecured mostrará el mensaje de excepción de seguridad.
• Limpieza de código y reestructurar los cambios pelusa JS (usando la biblioteca Limpieza de código JSHint).
• Permitir la visualización de los nombres de archivo largos sin pausas espacios / palabra.
• Fix restablecimiento de la pila de archivos para varios modos de carga (individuales, asíncrono lote y lote de sincronización).
• Sube la marcha de mejoras en la barra de estilismo.

¿Qué hay de nuevo en la versión 4.2.0:

• Mejora:

apoyo
• Las etiquetas personalizadas para layoutTemplates y previewTemplates (obra nueva y customLayoutTags customPreviewTags incluido).
• Nuevo evento filebatchselected desencadenó después de cada lote de archivos se seleccionan.
• Nuevo método más rápido replaceAll en lugar de análisis sintáctico de expresiones regulares para reemplazar las etiquetas en las plantillas.
• Mejorar el gestor de errores para la captura de excepciones de seguridad y FileReader nueva propiedad msgFileSecured mostrará el mensaje de excepción de seguridad.
• Limpieza de código y reestructurar los cambios pelusa JS (usando la biblioteca Limpieza de código JSHint).
• Permitir la visualización de los nombres de archivo largos sin pausas espacios / palabra.
• Fix restablecimiento de la pila de archivos para varios modos de carga (individuales, asíncrono lote y lote de sincronización).
• Sube la marcha de mejoras en la barra de estilismo.

¿Qué hay de nuevo en la versión 4.1.8:

• Mejora:

apoyo
• Las etiquetas personalizadas para layoutTemplates y previewTemplates (obra nueva y customLayoutTags customPreviewTags incluido).
• Nuevo evento filebatchselected desencadenó después de cada lote de archivos se seleccionan.
• Nuevo método más rápido replaceAll en lugar de análisis sintáctico de expresiones regulares para reemplazar las etiquetas en las plantillas.
• Mejorar el gestor de errores para la captura de excepciones de seguridad y FileReader nueva propiedad msgFileSecured mostrará el mensaje de excepción de seguridad.
• Limpieza de código y reestructurar los cambios pelusa JS (usando la biblioteca Limpieza de código JSHint).
• Permitir la visualización de los nombres de archivo largos sin pausas espacios / palabra.
• Fix restablecimiento de la pila de archivos para varios modos de carga (individuales, asíncrono lote y lote de sincronización).
• Sube la marcha de mejoras en la barra de estilismo.

¿Qué hay de nuevo en la versión 4.1.7:

• Mejora:

apoyo
• Las etiquetas personalizadas para layoutTemplates y previewTemplates (obra nueva y customLayoutTags customPreviewTags incluido).
• Nuevo evento filebatchselected desencadenó después de cada lote de archivos se seleccionan.
• Nuevo método más rápido replaceAll en lugar de análisis sintáctico de expresiones regulares para reemplazar las etiquetas en las plantillas.
• Mejorar el gestor de errores para la captura de excepciones de seguridad y FileReader nueva propiedad msgFileSecured mostrará el mensaje de excepción de seguridad.
• Limpieza de código y reestructurar los cambios pelusa JS (usando la biblioteca Limpieza de código JSHint).
• Permitir la visualización de los nombres de archivo largos sin pausas espacios / palabra.
• Fix restablecimiento de la pila de archivos para varios modos de carga (individuales, asíncrono lote y lote de sincronización).
• Sube la marcha de mejoras en la barra de estilismo.

¿Qué hay de nuevo en la versión 4.0.0:

• Añadir funcionalidad para la carga basada en AJAX utilizando HTML 5 FormData ( la mayoría de los navegadores modernos soportan). Degradará a la presentación del archivo formulario basado normal si esto no es compatible.
• Para utilizar AJAX Subir, la propiedad uploadURL es obligatorio y debe ser fijado.
• Mejorar plugin para permitir que ahora los archivos que se añadirán, anexa, retirados (basado en la retroalimentación de muchos). Así, se puede anexar archivos de vista previa.
• Nueva zona de arrastrar y DROP disponible en vista previa para arrastrar y soltar archivos y anexar.
• Eliminar o cargar archivos de uno en uno o en lotes.
• Si showPreview se establece en false, o uploadURL no es compatible con el plugin se degradará a la carga con sede forma normal.
• indicadores configurables para el archivo de espera de carga, el archivo subido correctamente, los archivos con error en la carga.
• Posibilidad de añadir los datos de formularios adicionales con cargas basadas en Ajax.

indicadores
• Sube la barra de progreso de carga y esbozo individual.
• Capacidad para cancelar y anular las subidas de AJAX en curso.
• Las plantillas se han renovado y mejorado para cada tipo de archivo.

¿Qué es la nueva en la versión 3.0.0:

• botones de carga mejorada para desactivar / activar cuando se utiliza con & # x3c; a & # X3e; la etiqueta.
• Actualizar vista previa para mostrar errores correctamente después de cada archivo se valida.
• Añadida la capacidad para anular el método de babosa con una propiedad slugCallback.

¿Qué es la nueva en la versión 2.7.0:.

• Establecer su liberación al estable en composer.json

¿Qué hay de nuevo en la versión 2.6.0:

• Mejorar plugin para configurar el `elErrorContainer` para la visualización errores de validación.
• crear plantillas de errorContainer para su visualización en la ventana de vista previa.
• Ajuste más correcto para IE (ver & # x3c; 11). Incapacidad para borrar los valores FileInput

¿Qué hay de nuevo en la versión 2.4.0:

• Plugin ha sido renovado para construir previsualización de inteligencia basado en varios tipos de archivos de vista previa. Los tipos de soporte de archivos incorporado se clasifican como de imagen, texto, html, vídeo, audio, flash, objeto, y otros.
• allowedPreviewTypes: Ahora puede configurar el cual todos los tipos de archivos se les permite ser mostrada como una vista previa. El valor predeterminado es [ 'imagen', 'html', "texto", "video", "audio", "flash", "objeto"]. Así, todos los tipos de archivos son tratados como un objeto de vista previa por defecto. exampleTo versión preliminar de imagen y vídeo para, se puede establecer esta opción en [ "imagen", "video"].
• allowedPreviewMimeTypes: Además de allowedPreviewTypes, también se puede controlar qué todos los tipos MIME se pueden visualizar para la vista previa. Por defecto es nula, es decir, todos los tipos MIME son compatibles.
• layoutTemplates: Le permite configurar todos los parámetros de la plantilla disposición dentro de una propiedad. Los objetos de la presentación que se pueden configurar son: main1, main2, vista previa, leyenda y modal
.
• previewTemplates: Todos los modelos de visualización para cada tipo de vista previa se han combinado en una propiedad, en lugar de plantillas separadas para una imagen, texto, etc. Las teclas son los formatos establecidos en la allowedPreviewTypes y los valores son las plantillas utilizadas para la previsualización. Hay plantillas prediseñadas por defecto para cada tipo de archivo de previsualización (genérico, imagen, texto, html, vídeo, audio, flash, objeto, y otros). La plantilla genérica se utiliza únicamente para mostrar contenido initialPreview utilizando el marcado directo.

¿Qué hay de nuevo en la versión 2.2.0:.

• Actualizar readAsBinaryString a readAsArrayBuffer

¿Qué es la nueva en la versión 2.0.0:

• Nuevos eventos Plugin: FileError, fileloaded, filecleared .
• Los nuevos métodos Plugin: Desactivar, Activar
• Enhanced plantillas configurables para la previsualización de la imagen, texto y otros archivos (y una plantilla genérica).
• Haga texto de la leyenda configurable a través de un nuevo parámetro msgSelected.
• cálculo correcto de los archivos seleccionados cuando initPreview es falso.
• imágenes automáticas escala para la vista previa, cuando las imágenes son demasiado grandes para caber en el recipiente.

¿Qué hay de nuevo en la versión 1.8.0:

• plantilla epígrafe mejorada y un estilo de subtítulos para evitar desbordamiento nombres de archivo largos de fuera del contenedor del subtítulo.

¿Qué es la nueva en la versión 1.7.0:

• El plug-in ofrece ahora una opción adicional overwriteInitial <. / li>

¿Qué es la nueva en la versión 1.6.0:

• El plug-in ofrece ahora un método de actualización adicional. Esto le permite cambiar dinámicamente los atributos de elemento o opciones del plugin en tiempo de ejecución y actualiza el widget.

Requisitos

• JavaScript habilitado en el lado del cliente
• jQuery 1.9 o superior
• Bootstrap 3 o superior