Bootstrap File Input

במקום לבחור ולהעלות קובץ אחד בכל פעם, או באמצעות שדות העלאה מרובים באותה הצורה, מפתחים יכולים לפרוס קלט קובץ Bootstrap לספק למשתמשים שלהם עם קובץ יפה לקטוף ממשק, להשלים עם תצוגה מקדימה של קבצים, תמיכה עבור בחירות רבות-קובץ, וכפתורי פעולה שונים.

קלט קובץ Bootstrap יש בעצם ארבעה מרכיבים עיקריים. הכפתור לבחירת קבצים, לחצן הטעינה, לחצן בחירות הסרה בתצוגה מקדימה.

כל אחד מאלה יכול להיות כבוי או אישית באמצעות CSS, המאפשר למפתחים ליצור מוסקי קובץ מותאם אישית, כפי שהם רואים לנכון להשתמש ביישום שלהם.

קלט קובץ Bootstrap תומך גם מדינות עם מוגבלויות, קל מאוד כשמדובר גודל הדיסק, ומטפל אך ורק את פעילות בצד הלקוח לגבי תהליך ההעלאה. פירוש הדבר הוא צריך להיות משולב על-בצד השרת כדי באמת לשמור ולאחסן הקבצים שהועלו. החדשות הטובות הן כי מאז זה כתוב ב- JavaScript ו- HTML 5 זה יכול להתבצע לעבוד עם כמעט כל סוג של שפת תכנות בצד השרת.

הדגמה כלולה עם חבילת הורדת Bootstrap קובץ הקלט

מה חדש במהדורה זו:.

• שיפור:
• תמיכה תגים מותאמים אישית עבור layoutTemplates ו previewTemplates (נכסים חדשים customLayoutTags ו customPreviewTags כלול).
• אירוע חדש filebatchselected מופעל לאחר כל אצווה של קבצים נבחרים.
• ניו מהר שיטה replaceAll במקום ניתוח ביטוי סדיר להחליף תגים בתבניות.
• שפר מטפל שגיאה על ההשמנה חריגה מטעמי ביטחון FileReader ורכוש חדש msgFileSecured יציג את הודעת חריג אבטחה.
• ניקוי קוד ולבנות מחדש לשינויי מוך JS (באמצעות JSHint קוד ספריית ניקוי).
• אפשר הצגה של שמות קבצים ארוכים ללא רווחים / מילת הפסקות.
• תקן איפוס של קובץ מחסנית עבור מצבי העלאה שונים (היחיד, יצווה async ולסנכרן תצווה).
• העלה שיפורי סטיילינג סרגל התקדמות.

מה חדש בגירסה 4.2.8:

• שיפור:
• תמיכה תגים מותאמים אישית עבור layoutTemplates ו previewTemplates (נכסים חדשים customLayoutTags ו customPreviewTags כלול).
• אירוע חדש filebatchselected מופעל לאחר כל אצווה של קבצים נבחרים.
• ניו מהר שיטה replaceAll במקום ניתוח ביטוי סדיר להחליף תגים בתבניות.
• שפר מטפל שגיאה על ההשמנה חריגה מטעמי ביטחון FileReader ורכוש חדש msgFileSecured יציג את הודעת חריג אבטחה.
• ניקוי קוד ולבנות מחדש לשינויי מוך JS (באמצעות JSHint קוד ספריית ניקוי).
• אפשר הצגה של שמות קבצים ארוכים ללא רווחים / מילת הפסקות.
• תקן איפוס של קובץ מחסנית עבור מצבי העלאה שונים (היחיד, יצווה async ולסנכרן תצווה).
• העלה שיפורי סטיילינג סרגל התקדמות.

מה חדש בגירסה 4.2.2:

• שיפור:
• תמיכה תגים מותאמים אישית עבור layoutTemplates ו previewTemplates (נכסים חדשים customLayoutTags ו customPreviewTags כלול).
• אירוע חדש filebatchselected מופעל לאחר כל אצווה של קבצים נבחרים.
• ניו מהר שיטה replaceAll במקום ניתוח ביטוי סדיר להחליף תגים בתבניות.
• שפר מטפל שגיאה על ההשמנה חריגה מטעמי ביטחון FileReader ורכוש חדש msgFileSecured יציג את הודעת חריג אבטחה.
• ניקוי קוד ולבנות מחדש לשינויי מוך JS (באמצעות JSHint קוד ספריית ניקוי).
• אפשר הצגה של שמות קבצים ארוכים ללא רווחים / מילת הפסקות.
• תקן איפוס של קובץ מחסנית עבור מצבי העלאה שונים (היחיד, יצווה async ולסנכרן תצווה).
• העלה שיפורי סטיילינג סרגל התקדמות.

מה חדש בגירסה 4.2.1:

• שיפור:
• תמיכה תגים מותאמים אישית עבור layoutTemplates ו previewTemplates (נכסים חדשים customLayoutTags ו customPreviewTags כלול).
• אירוע חדש filebatchselected מופעל לאחר כל אצווה של קבצים נבחרים.
• ניו מהר שיטה replaceAll במקום ניתוח ביטוי סדיר להחליף תגים בתבניות.
• שפר מטפל שגיאה על ההשמנה חריגה מטעמי ביטחון FileReader ורכוש חדש msgFileSecured יציג את הודעת חריג אבטחה.
• ניקוי קוד ולבנות מחדש לשינויי מוך JS (באמצעות JSHint קוד ספריית ניקוי).
• אפשר הצגה של שמות קבצים ארוכים ללא רווחים / מילת הפסקות.
• תקן איפוס של קובץ מחסנית עבור מצבי העלאה שונים (היחיד, יצווה async ולסנכרן תצווה).
• העלה שיפורי סטיילינג סרגל התקדמות.

מה חדש בגירסה 4.2.0:

• שיפור:
• תמיכה תגים מותאמים אישית עבור layoutTemplates ו previewTemplates (נכסים חדשים customLayoutTags ו customPreviewTags כלול).
• אירוע חדש filebatchselected מופעל לאחר כל אצווה של קבצים נבחרים.
• ניו מהר שיטה replaceAll במקום ניתוח ביטוי סדיר להחליף תגים בתבניות.
• שפר מטפל שגיאה על ההשמנה חריגה מטעמי ביטחון FileReader ורכוש חדש msgFileSecured יציג את הודעת חריג אבטחה.
• ניקוי קוד ולבנות מחדש לשינויי מוך JS (באמצעות JSHint קוד ספריית ניקוי).
• אפשר הצגה של שמות קבצים ארוכים ללא רווחים / מילת הפסקות.
• תקן איפוס של קובץ מחסנית עבור מצבי העלאה שונים (היחיד, יצווה async ולסנכרן תצווה).
• העלה שיפורי סטיילינג סרגל התקדמות.

מה חדש בגירסה 4.1.8:

• שיפור:
• תמיכה תגים מותאמים אישית עבור layoutTemplates ו previewTemplates (נכסים חדשים customLayoutTags ו customPreviewTags כלול).
• אירוע חדש filebatchselected מופעל לאחר כל אצווה של קבצים נבחרים.
• ניו מהר שיטה replaceAll במקום ניתוח ביטוי סדיר להחליף תגים בתבניות.
• שפר מטפל שגיאה על ההשמנה חריגה מטעמי ביטחון FileReader ורכוש חדש msgFileSecured יציג את הודעת חריג אבטחה.
• ניקוי קוד ולבנות מחדש לשינויי מוך JS (באמצעות JSHint קוד ספריית ניקוי).
• אפשר הצגה של שמות קבצים ארוכים ללא רווחים / מילת הפסקות.
• תקן איפוס של קובץ מחסנית עבור מצבי העלאה שונים (היחיד, יצווה async ולסנכרן תצווה).
• העלה שיפורי סטיילינג סרגל התקדמות.

מה חדש בגירסה 4.1.7:

• שיפור:
• תמיכה תגים מותאמים אישית עבור layoutTemplates ו previewTemplates (נכסים חדשים customLayoutTags ו customPreviewTags כלול).
• אירוע חדש filebatchselected מופעל לאחר כל אצווה של קבצים נבחרים.
• ניו מהר שיטה replaceAll במקום ניתוח ביטוי סדיר להחליף תגים בתבניות.
• שפר מטפל שגיאה על ההשמנה חריגה מטעמי ביטחון FileReader ורכוש חדש msgFileSecured יציג את הודעת חריג אבטחה.
• ניקוי קוד ולבנות מחדש לשינויי מוך JS (באמצעות JSHint קוד ספריית ניקוי).
• אפשר הצגה של שמות קבצים ארוכים ללא רווחים / מילת הפסקות.
• תקן איפוס של קובץ מחסנית עבור מצבי העלאה שונים (היחיד, יצווה async ולסנכרן תצווה).
• העלה שיפורי סטיילינג סרגל התקדמות.

מה חדש בגרסת 4.0.0:

• הוספה פונקציונלית להעלאה מבוססת AJAX באמצעות HTML5 FormData ( רוב הדפדפנים המודרניים תומכים בו). יהיה לבזות להגשת טופס בהתבסס נורמלית קובץ אם זה אינו נתמך.
• כדי להשתמש עלה AJAX, נכס uploadUrl חובה וחייב להיות מוגדר.
• שפר תוסף עכשיו לאפשר קבצים שיתווספו, צרפו, סיר (מבוסס על משוב רב). כך אפשר לצרף קבצי תצוגה מקדים.
• גרירה חדשה & DROP האזור זמין תצוגה מקדימה כדי לגרור ולשחרר קבצים לצרף.
• מחק או להעלות קבצים בזה אחר זה או באצווה.
• אם showPreview מוגדר שווא, או uploadUrl אינה נתמכת תוסף יהיה לבזות העלאה מבוססת טופס רגילה.
• אינדיקטורים להגדרה עבור קובץ ממתין לטעינה, תמונה שהועלו בהצלחה, קבצי errored בהעלאה.
• אפשרות להוסיף נתוני טופס נוספים עם העלאות מבוססות AJAX.
• העלה התקדמות ברה העלה תמונה ממוזערת פרט האינדיקטורים.
• יכולת לבטל להפיל שנוספו AJAX מתמשך.
• תבניות כבר חידשה ומשופרות עבור כל סוג קובץ.

מה חדש בגירסה 3.0.0:

• כפתור העלאה משופרת עבור לבטל / לאפשר בעת שימוש עם & # x3c; x3e a & #; תג.
• רענן תצוגה מקדימה להראות שגיאות כראוי לאחר כל קובץ מקבלת תוקף.
• נוסף יכולת לעקוף את שיטת השבלול עם נכס slugCallback.

מה חדש בגירסה 2.7.0:.

• הגדר שחרור לאופק יציב composer.json

מה חדש בגירסה 2.6.0:

• שפר תוסף להגדיר את `elErrorContainer` להצגת שגיאות אימות.
• Templatize errorContainer לתצוגה בתוך חלון התצוגה המקדימה.
• תיקון נכון יותר עבור IE (גרסה & # x3c; 11). חוסר היכולת לנקות ערכים fileinput

מה חדש בגרסת 2.4.0:

• Plugin כבר חדש לבנות מודיעין תצוגה מקדים מבוסס על סוגי תצוגה מקדימה של קבצים שונים. סוגי תמיכת קובץ המובנים מסווגים כמו תמונה, טקסט, HTML, וידאו, אודיו, פלאש, אובייקט, ואחרים.
• allowedPreviewTypes: כעת תוכל להגדיר אילו כל סוגי הקבצים מורשים לראות כקדימון. המחדל הזה [ 'תמונה "," HTML "," טקסט "," וידאו "," שמע "," פלאש "," חפץ "]. לפיכך כל סוגי הקבצים כאל אובייקט התצוגה כברירת מחדל. לקבלת תצוגה מקדימה exampleTo רק תמונה ווידאו, אתה יכול להגדיר את זה כדי [ 'תמונה', 'וידאו'].
• allowedPreviewMimeTypes: בנוסף allowedPreviewTypes, אתה יכול גם לקבוע אילו כל סוגי MIME ניתן להציג תצוגה מקדימה. המחדל הזה כדי null, כלומר כל סוגי MIME נתמכים.
• layoutTemplates: מאפשר לך להגדיר את כל הגדרות תבנית פריסה בתוך נכס אחד. חפצי הפריסה כי ניתן להגדיר הם: main1, main2, תצוגה מקדימה, כיתוב, מודאלית
.
• previewTemplates: כל תבניות התצוגה מקדימות עבור כל סוג תצוגה מקדים שולב נכס אחד, במקום תבניות נפרדות תמונה, טקסט וכו 'המפתחות הם הפורמטים כקבועים allowedPreviewTypes וערכי התבניות המשמשות לתצוגה מקדימה. ישנן תבניות שנבנו מראש ברירת מחדל עבור כל סוג מקדים לקובץ (גנריות, תמונה, טקסט, HTML, וידאו, אודיו, פלאש, אובייקט, ואחרים). תבנית הגנרית משמשת רק להצגת תוכן initialPreview שימוש בסימון ישיר.

מה חדש בגירסה 2.2.0:.

• עדכון readAsBinaryString כדי readAsArrayBuffer

מה חדש בגירסה 2.0.0:

• אירועים תוסף חדש הוסיף: fileerror, fileloaded, filecleared .
• שיטות תוסף חדשות הוסיפו: להשבית, להפעיל
• משופר תבניות להגדרה לתצוגה מקדימה תמונה, טקסט וקבצים אחרים (ואת תבנית גנרית).
• הפיכת טקסט כיתוב להגדרה באמצעות פרמטר חדש msgSelected.
• חישוב נכון של קבצים נבחרים כאשר initPreview היא שקרית.
• תמונות גוניות אוטומטיות עבור תצוגה מקדימה, כאשר תמונות הן רחבות מכדי להתאים במכל.

מה חדש בגרסת 1.8.0:

• תבנית כיתוב משופרת סטיילינג עבור כיתובים למנוע הצפה שמות קבצים ארוכים של מתוך מכולת הכיתוב.

מה חדש בגרסת 1.7.0:

• התוסף מציע כעת אפשרות נוספת overwriteInitial <. / li>

מה חדש בגרסת 1.6.0:

• תוסף חברה מציע שיטת רענון נוספת. זה מאפשר לך לשנות באופן דינמי אלמנט תכונות או אפשרויות תוסף בזמן ריצה ולרענן את יישומון.

דרישות :

• לאפשר JavaScript על הלקוח בצד
• jQuery 1.9 ומעלה
• Bootstrap 3 ומעלה