Bootstrap File Input

Au lieu de sélectionner et de télécharger un fichier à la fois, ou en utilisant des champs de téléchargement multiples dans la même forme, les développeurs peuvent déployer Bootstrap Input File pour fournir à leurs utilisateurs un beau fichier d'interface cueillette, avec des aperçus de fichiers, support pour les sélections multi-fichiers, et divers boutons d'action.

Entrée Bootstrap File a essentiellement quatre éléments principaux. Le bouton de sélection de fichier, le bouton de téléchargement, le bouton de sélections de supprimer, et la section d'aperçu.

Chacun d'eux peut être désactivé ou personnalisés via CSS, permettant aux développeurs de créer des cueilleurs de fichiers personnalisés, comme ils l'entendent utiliser dans leur application.

Bootstrap File Input prend également en charge les états handicapés, est très léger en ce qui concerne la taille du disque, et ne gère que les opérations côté client en ce qui concerne le processus de téléchargement. Cela signifie qu'il doit être intégré sur le côté serveur pour réellement enregistrer et stocker les fichiers téléchargés. Les bonnes nouvelles sont que, comme il est écrit en JavaScript et HTML 5, il peut être fait pour travailler avec presque tout type de langage de programmation côté serveur.

Une démo est inclus avec le fichier package de téléchargement d'entrée Bootstrap

Ce qui est nouveau dans cette version:.

• Amélioration:

soutien
• Les balises personnalisées pour layoutTemplates et previewTemplates (nouvelles propriétés customLayoutTags et customPreviewTags inclus).
• Nouvel événement filebatchselected déclenché après chaque lot de fichiers sont sélectionnés.
• Nouvelle méthode replaceAll plus rapide au lieu de l'analyse regexp pour remplacer les balises dans les modèles.
• Améliorer gestionnaire d'erreurs pour piéger les exceptions de sécurité FileReader et nouvelle propriété msgFileSecured affichera le message d'exception de sécurité.
• nettoyage du code et de restructuration pour charpie changements JS (en utilisant la bibliothèque de nettoyage de code JSHint).
• Autoriser l'affichage des noms de fichiers longs sans espaces / mot pauses.
• Fix réinitialisation de la pile de fichiers pour différents modes de téléchargement (simple, async de lot et de synchronisation par lot).
• Suivez les progrès améliorations bar de style.

Ce qui est nouveau dans la version 4.2.8:

• Amélioration:

soutien
• Les balises personnalisées pour layoutTemplates et previewTemplates (nouvelles propriétés customLayoutTags et customPreviewTags inclus).
• Nouvel événement filebatchselected déclenché après chaque lot de fichiers sont sélectionnés.
• Nouvelle méthode replaceAll plus rapide au lieu de l'analyse regexp pour remplacer les balises dans les modèles.
• Améliorer gestionnaire d'erreurs pour piéger les exceptions de sécurité FileReader et nouvelle propriété msgFileSecured affichera le message d'exception de sécurité.
• nettoyage du code et de restructuration pour charpie changements JS (en utilisant la bibliothèque de nettoyage de code JSHint).
• Autoriser l'affichage des noms de fichiers longs sans espaces / mot pauses.
• Fix réinitialisation de la pile de fichiers pour différents modes de téléchargement (simple, async de lot et de synchronisation par lot).
• Suivez les progrès améliorations bar de style.

Ce qui est nouveau dans la version 4.2.2:

• Amélioration:

soutien
• Les balises personnalisées pour layoutTemplates et previewTemplates (nouvelles propriétés customLayoutTags et customPreviewTags inclus).
• Nouvel événement filebatchselected déclenché après chaque lot de fichiers sont sélectionnés.
• Nouvelle méthode replaceAll plus rapide au lieu de l'analyse regexp pour remplacer les balises dans les modèles.
• Améliorer gestionnaire d'erreurs pour piéger les exceptions de sécurité FileReader et nouvelle propriété msgFileSecured affichera le message d'exception de sécurité.
• nettoyage du code et de restructuration pour charpie changements JS (en utilisant la bibliothèque de nettoyage de code JSHint).
• Autoriser l'affichage des noms de fichiers longs sans espaces / mot pauses.
• Fix réinitialisation de la pile de fichiers pour différents modes de téléchargement (simple, async de lot et de synchronisation par lot).
• Suivez les progrès améliorations bar de style.

Ce qui est nouveau dans la version 4.2.1:

• Amélioration:

soutien
• Les balises personnalisées pour layoutTemplates et previewTemplates (nouvelles propriétés customLayoutTags et customPreviewTags inclus).
• Nouvel événement filebatchselected déclenché après chaque lot de fichiers sont sélectionnés.
• Nouvelle méthode replaceAll plus rapide au lieu de l'analyse regexp pour remplacer les balises dans les modèles.
• Améliorer gestionnaire d'erreurs pour piéger les exceptions de sécurité FileReader et nouvelle propriété msgFileSecured affichera le message d'exception de sécurité.
• nettoyage du code et de restructuration pour charpie changements JS (en utilisant la bibliothèque de nettoyage de code JSHint).
• Autoriser l'affichage des noms de fichiers longs sans espaces / mot pauses.
• Fix réinitialisation de la pile de fichiers pour différents modes de téléchargement (simple, async de lot et de synchronisation par lot).
• Suivez les progrès améliorations bar de style.

Ce qui est nouveau dans la version 4.2.0:

• Amélioration:

soutien
• Les balises personnalisées pour layoutTemplates et previewTemplates (nouvelles propriétés customLayoutTags et customPreviewTags inclus).
• Nouvel événement filebatchselected déclenché après chaque lot de fichiers sont sélectionnés.
• Nouvelle méthode replaceAll plus rapide au lieu de l'analyse regexp pour remplacer les balises dans les modèles.
• Améliorer gestionnaire d'erreurs pour piéger les exceptions de sécurité FileReader et nouvelle propriété msgFileSecured affichera le message d'exception de sécurité.
• nettoyage du code et de restructuration pour charpie changements JS (en utilisant la bibliothèque de nettoyage de code JSHint).
• Autoriser l'affichage des noms de fichiers longs sans espaces / mot pauses.
• Fix réinitialisation de la pile de fichiers pour différents modes de téléchargement (simple, async de lot et de synchronisation par lot).
• Suivez les progrès améliorations bar de style.

Ce qui est nouveau dans la version 4.1.8:

• Amélioration:

soutien
• Les balises personnalisées pour layoutTemplates et previewTemplates (nouvelles propriétés customLayoutTags et customPreviewTags inclus).
• Nouvel événement filebatchselected déclenché après chaque lot de fichiers sont sélectionnés.
• Nouvelle méthode replaceAll plus rapide au lieu de l'analyse regexp pour remplacer les balises dans les modèles.
• Améliorer gestionnaire d'erreurs pour piéger les exceptions de sécurité FileReader et nouvelle propriété msgFileSecured affichera le message d'exception de sécurité.
• nettoyage du code et de restructuration pour charpie changements JS (en utilisant la bibliothèque de nettoyage de code JSHint).
• Autoriser l'affichage des noms de fichiers longs sans espaces / mot pauses.
• Fix réinitialisation de la pile de fichiers pour différents modes de téléchargement (simple, async de lot et de synchronisation par lot).
• Suivez les progrès améliorations bar de style.

Ce qui est nouveau dans la version 4.1.7:

• Amélioration:

soutien
• Les balises personnalisées pour layoutTemplates et previewTemplates (nouvelles propriétés customLayoutTags et customPreviewTags inclus).
• Nouvel événement filebatchselected déclenché après chaque lot de fichiers sont sélectionnés.
• Nouvelle méthode replaceAll plus rapide au lieu de l'analyse regexp pour remplacer les balises dans les modèles.
• Améliorer gestionnaire d'erreurs pour piéger les exceptions de sécurité FileReader et nouvelle propriété msgFileSecured affichera le message d'exception de sécurité.
• nettoyage du code et de restructuration pour charpie changements JS (en utilisant la bibliothèque de nettoyage de code JSHint).
• Autoriser l'affichage des noms de fichiers longs sans espaces / mot pauses.
• Fix réinitialisation de la pile de fichiers pour différents modes de téléchargement (simple, async de lot et de synchronisation par lot).
• Suivez les progrès améliorations bar de style.

Ce qui est nouveau dans la version 4.0.0:

• Ajouter des fonctionnalités pour UPLOAD AJAX en utilisant HTML5 FormData ( la plupart des navigateurs modernes prennent en charge). Dégradera au formulaire basé fichier soumission normale si ce ne sont pas pris en charge.
• Pour utiliser AJAX Upload, la propriété uploadURL est obligatoire et doit être réglé.
• Améliorer plugin permettant maintenant d'ajouter des fichiers, en annexe, enlevés (basé sur les commentaires de beaucoup). Ainsi, on peut ajouter des fichiers à prévisualiser.
• New DRAG & DROP zone disponible en avant-première à glisser et déposer des fichiers et append.
• Supprimer ou télécharger des fichiers un par un ou par lots.
• Si Showpreview est définie sur false, ou uploadURL est pas pris en charge plug-in se dégradera à télécharger en fonction de la forme normale.
• indicateurs paramétrables pour le fichier en attente de téléchargement, le fichier téléchargé avec succès, les fichiers erronés en téléchargement.
• Possibilité d'ajouter des données de formulaire supplémentaires avec ajouts basés sur ajax.

indicateurs
• Téléchargez la barre de progression individuelle et téléchargement des vignettes.
• Possibilité d'annuler et annuler les téléchargements en cours AJAX.
• Des modèles ont été remanié et amélioré pour chaque type de fichier.

Ce qui est nouveau dans la version 3.0.0:

• bouton de téléchargement amélioré pour désactiver / activer lorsqu'il est utilisé avec & # x3C; un & # X3e; tag.
• Actualiser l'aperçu pour montrer les erreurs correctement après chaque fichier est validé.
• Ajout de la possibilité de remplacer la méthode slug avec une propriété slugCallback.

Ce qui est nouveau dans la version 2.7.0:.

• Définir rejet stable dans composer.json

Ce qui est nouveau dans la version 2.6.0:

• Améliorer le plugin pour configurer le `elErrorContainer` pour l'affichage erreurs de validation.
• errorContainer pour créer des modèles d'affichage dans la fenêtre de prévisualisation.
• fix Plus correct pour IE (ver & # x3C; 11). Incapacité à effacer les valeurs de FileInput

Ce qui est nouveau dans la version 2.4.0:

• Plugin a été remanié pour construire l intelligence basée sur différents types de fichiers de prévisualisation. Les types de support de fichiers encastrables sont classés comme image, texte, html, vidéo, audio, flash, objet, et d'autres.
• allowedPreviewTypes: Vous pouvez maintenant configurer laquelle tous les types de fichiers sont autorisés à être présentée comme un aperçu. Par défaut, ce [ 'image', 'html', 'texte', 'video', 'audio', 'flash', 'objet']. Ainsi, tous les types de fichiers sont traités comme un objet pour afficher un aperçu par défaut. Pour exampleTo aperçu que l'image et la vidéo, vous pouvez définir cette option sur [ 'image', 'video'].
• allowedPreviewMimeTypes: En plus de allowedPreviewTypes, vous pouvez également contrôler tous les types MIME peuvent être affichés pour la prévisualisation. La valeur par défaut null, ce qui signifie tous les types MIME sont pris en charge.
• layoutTemplates: Vous permet de configurer tous les paramètres du modèle de mise en page au sein d'une propriété. Les objets de mise en page qui peuvent être configurés sont: main1, main2, aperçu, légende et modal
.
• previewTemplates: Tous les modèles de prévisualisation pour chaque type de prévisualisation ont été combinés en un seul établissement, au lieu de modèles distincts pour l'image, texte, etc. Les touches sont les formats, tels qu'indiqués dans allowedPreviewTypes et les valeurs sont les modèles utilisés pour la prévisualisation. Il existe des modèles précompilés par défaut pour chaque type de fichier d'aperçu (générique, image, texte, html, vidéo, audio, flash, objet, et d'autres). Le modèle générique est utilisé uniquement pour l'affichage du contenu initialPreview utilisant le balisage direct.

Ce qui est nouveau dans la version 2.2.0:.

• Mise à jour readAsBinaryString à readAsArrayBuffer

Ce qui est nouveau dans la version 2.0.0:

• Les nouveaux événements de plugin ajouté: FileError, fileloaded, filecleared .
• De nouvelles méthodes de plug-in a ajouté: désactiver, activer
• Amélioration de modèles configurables pour l'image, le texte et d'autres fichiers (et un modèle générique) prévisualisation.
• Rendre le texte de légende configurable via un nouveau paramètre msgSelected.
• calcul correct des fichiers sélectionnés lorsque initPreview est faux.
• les images à l'échelle automatique pour aperçu, lorsque les images sont trop large pour rentrer dans le récipient.

Ce qui est nouveau dans la version 1.8.0:

• modèle de légende amélioré et le style des sous-titres pour empêcher le débordement les noms de fichiers de longues sur le conteneur de sous-titres.

Ce qui est nouveau dans la version 1.7.0:

• Le plugin propose maintenant une option supplémentaire overwriteInitial <. / li>

Ce qui est nouveau dans la version 1.6.0:

• Le plugin propose désormais une méthode de rafraîchissement supplémentaire. Cela vous permet de modifier dynamiquement les attributs des éléments ou des options de plug-in à l'exécution et actualisez le widget.

Exigences :

• JavaScript côté client
• jQuery 1.9 ou supérieur
• Bootstrap 3 ou plus