Bootstrap File Input

แทนที่จะเลือกและการอัปโหลดไฟล์เดียวในเวลาหรือใช้เขตข้อมูลอัปโหลดหลายในรูปแบบเดียวกันนักพัฒนาสามารถปรับใช้แฟ้มใส่เงินทุนเพื่อให้ผู้ใช้ของพวกเขาด้วยไฟล์ที่สวยงามยกอินเตอร์เฟซที่สมบูรณ์ด้วยการแสดงตัวอย่างแฟ้มการสนับสนุน สำหรับการเลือกหลายไฟล์และปุ่มการกระทำต่าง ๆ .

การป้อนข้อมูล Bootstrap ไฟล์มีพื้นสี่องค์ประกอบหลัก ปุ่มเลือกไฟล์ปุ่มอัปโหลดปุ่มเลือกเอาออกส่วนแสดงตัวอย่าง.

แต่ละเหล่านี้สามารถปิดหรือปรับแต่งผ่านทาง CSS ที่ช่วยให้นักพัฒนาสามารถสร้างแจ่มไฟล์ที่กำหนดเองเช่นที่พวกเขาเห็นว่าเหมาะสมที่จะใช้ในโปรแกรมของพวกเขา.

แฟ้มใส่เงินทุนนอกจากนี้ยังสนับสนุนรัฐพิการ, เบามากเมื่อมันมาถึงขนาดของดิสก์และจัดการการดำเนินงานเฉพาะฝั่งไคลเอ็นต์เกี่ยวกับการอัปโหลด ซึ่งหมายความว่ามันจะต้องมีการบูรณาการในด้านเซิร์ฟเวอร์เพื่อประหยัดจริงและจัดเก็บไฟล์ที่อัปโหลด ข่าวดีก็คือว่าตั้งแต่มันเขียนใน JavaScript และ HTML 5 ก็สามารถที่จะทำให้การทำงานกับเกือบทุกชนิดของการเขียนโปรแกรมภาษาฝั่งเซิร์ฟเวอร์ใด ๆ .

การสาธิตพร้อมกับแพคเกจดาวน์โหลดแฟ้มใส่ Bootstrap

มีอะไรใหม่ ในรุ่นนี้:.

• เพิ่มประสิทธิภาพ:

สนับสนุน
• แท็กที่กำหนดเองสำหรับ layoutTemplates และ previewTemplates (customLayoutTags คุณสมบัติใหม่และ customPreviewTags รวม).
• กิจกรรม filebatchselected ใหม่เริ่มทำงานหลังจากที่ชุดของไฟล์ทุกจะถูกเลือก.
• New วิธี replaceAll เร็วขึ้นแทนการแยก regexp ที่จะเปลี่ยนแท็กในแม่แบบ.
• ปรับปรุงจัดการข้อผิดพลาดสำหรับการดักจับข้อยกเว้นการรักษาความปลอดภัยและทรัพย์สิน FileReader ใหม่ msgFileSecured จะแสดงข้อความแสดงข้อยกเว้นการรักษาความปลอดภัย.
• รหัสล้างและการปรับโครงสร้างหนี้สำหรับ JS เปลี่ยนแปลงผ้าสำลี (การใช้ห้องสมุดการทำความสะอาด JSHint Code).
• อนุญาตให้แสดงชื่อไฟล์นานโดยไม่ต้องแบ่งพื้นที่ / คำ.
• การตั้งค่าแก้ไขปัญหาของสแต็คไฟล์สำหรับการอัปโหลดโหมดต่างๆ (เดี่ยว, async ชุดและซิงค์ batch).
• อัปโหลดความคืบหน้าการปรับปรุงบาร์จัดแต่งทรงผม.

มีอะไรใหม่ ในรุ่น 4.2.8:

• เพิ่มประสิทธิภาพ:

สนับสนุน
• แท็กที่กำหนดเองสำหรับ layoutTemplates และ previewTemplates (customLayoutTags คุณสมบัติใหม่และ customPreviewTags รวม).
• กิจกรรม filebatchselected ใหม่เริ่มทำงานหลังจากที่ชุดของไฟล์ทุกจะถูกเลือก.
• New วิธี replaceAll เร็วขึ้นแทนการแยก regexp ที่จะเปลี่ยนแท็กในแม่แบบ.
• ปรับปรุงจัดการข้อผิดพลาดสำหรับการดักจับข้อยกเว้นการรักษาความปลอดภัยและทรัพย์สิน FileReader ใหม่ msgFileSecured จะแสดงข้อความแสดงข้อยกเว้นการรักษาความปลอดภัย.
• รหัสล้างและการปรับโครงสร้างหนี้สำหรับ JS เปลี่ยนแปลงผ้าสำลี (การใช้ห้องสมุดการทำความสะอาด JSHint Code).
• อนุญาตให้แสดงชื่อไฟล์นานโดยไม่ต้องแบ่งพื้นที่ / คำ.
• การตั้งค่าแก้ไขปัญหาของสแต็คไฟล์สำหรับการอัปโหลดโหมดต่างๆ (เดี่ยว, async ชุดและซิงค์ batch).
• อัปโหลดความคืบหน้าการปรับปรุงบาร์จัดแต่งทรงผม.

มีอะไรใหม่ ในรุ่น 4.2.2:

• เพิ่มประสิทธิภาพ:

สนับสนุน
• แท็กที่กำหนดเองสำหรับ layoutTemplates และ previewTemplates (customLayoutTags คุณสมบัติใหม่และ customPreviewTags รวม).
• กิจกรรม filebatchselected ใหม่เริ่มทำงานหลังจากที่ชุดของไฟล์ทุกจะถูกเลือก.
• New วิธี replaceAll เร็วขึ้นแทนการแยก regexp ที่จะเปลี่ยนแท็กในแม่แบบ.
• ปรับปรุงจัดการข้อผิดพลาดสำหรับการดักจับข้อยกเว้นการรักษาความปลอดภัยและทรัพย์สิน FileReader ใหม่ msgFileSecured จะแสดงข้อความแสดงข้อยกเว้นการรักษาความปลอดภัย.
• รหัสล้างและการปรับโครงสร้างหนี้สำหรับ JS เปลี่ยนแปลงผ้าสำลี (การใช้ห้องสมุดการทำความสะอาด JSHint Code).
• อนุญาตให้แสดงชื่อไฟล์นานโดยไม่ต้องแบ่งพื้นที่ / คำ.
• การตั้งค่าแก้ไขปัญหาของสแต็คไฟล์สำหรับการอัปโหลดโหมดต่างๆ (เดี่ยว, async ชุดและซิงค์ batch).
• อัปโหลดความคืบหน้าการปรับปรุงบาร์จัดแต่งทรงผม.

มีอะไรใหม่ ในรุ่น 4.2.1:

• เพิ่มประสิทธิภาพ:

สนับสนุน
• แท็กที่กำหนดเองสำหรับ layoutTemplates และ previewTemplates (customLayoutTags คุณสมบัติใหม่และ customPreviewTags รวม).
• กิจกรรม filebatchselected ใหม่เริ่มทำงานหลังจากที่ชุดของไฟล์ทุกจะถูกเลือก.
• New วิธี replaceAll เร็วขึ้นแทนการแยก regexp ที่จะเปลี่ยนแท็กในแม่แบบ.
• ปรับปรุงจัดการข้อผิดพลาดสำหรับการดักจับข้อยกเว้นการรักษาความปลอดภัยและทรัพย์สิน FileReader ใหม่ msgFileSecured จะแสดงข้อความแสดงข้อยกเว้นการรักษาความปลอดภัย.
• รหัสล้างและการปรับโครงสร้างหนี้สำหรับ JS เปลี่ยนแปลงผ้าสำลี (การใช้ห้องสมุดการทำความสะอาด JSHint Code).
• อนุญาตให้แสดงชื่อไฟล์นานโดยไม่ต้องแบ่งพื้นที่ / คำ.
• การตั้งค่าแก้ไขปัญหาของสแต็คไฟล์สำหรับการอัปโหลดโหมดต่างๆ (เดี่ยว, async ชุดและซิงค์ batch).
• อัปโหลดความคืบหน้าการปรับปรุงบาร์จัดแต่งทรงผม.

มีอะไรใหม่ ในรุ่น 4.2.0:

• เพิ่มประสิทธิภาพ:

สนับสนุน
• แท็กที่กำหนดเองสำหรับ layoutTemplates และ previewTemplates (customLayoutTags คุณสมบัติใหม่และ customPreviewTags รวม).
• กิจกรรม filebatchselected ใหม่เริ่มทำงานหลังจากที่ชุดของไฟล์ทุกจะถูกเลือก.
• New วิธี replaceAll เร็วขึ้นแทนการแยก regexp ที่จะเปลี่ยนแท็กในแม่แบบ.
• ปรับปรุงจัดการข้อผิดพลาดสำหรับการดักจับข้อยกเว้นการรักษาความปลอดภัยและทรัพย์สิน FileReader ใหม่ msgFileSecured จะแสดงข้อความแสดงข้อยกเว้นการรักษาความปลอดภัย.
• รหัสล้างและการปรับโครงสร้างหนี้สำหรับ JS เปลี่ยนแปลงผ้าสำลี (การใช้ห้องสมุดการทำความสะอาด JSHint Code).
• อนุญาตให้แสดงชื่อไฟล์นานโดยไม่ต้องแบ่งพื้นที่ / คำ.
• การตั้งค่าแก้ไขปัญหาของสแต็คไฟล์สำหรับการอัปโหลดโหมดต่างๆ (เดี่ยว, async ชุดและซิงค์ batch).
• อัปโหลดความคืบหน้าการปรับปรุงบาร์จัดแต่งทรงผม.

มีอะไรใหม่ ในรุ่น 4.1.8:

• เพิ่มประสิทธิภาพ:

สนับสนุน
• แท็กที่กำหนดเองสำหรับ layoutTemplates และ previewTemplates (customLayoutTags คุณสมบัติใหม่และ customPreviewTags รวม).
• กิจกรรม filebatchselected ใหม่เริ่มทำงานหลังจากที่ชุดของไฟล์ทุกจะถูกเลือก.
• New วิธี replaceAll เร็วขึ้นแทนการแยก regexp ที่จะเปลี่ยนแท็กในแม่แบบ.
• ปรับปรุงจัดการข้อผิดพลาดสำหรับการดักจับข้อยกเว้นการรักษาความปลอดภัยและทรัพย์สิน FileReader ใหม่ msgFileSecured จะแสดงข้อความแสดงข้อยกเว้นการรักษาความปลอดภัย.
• รหัสล้างและการปรับโครงสร้างหนี้สำหรับ JS เปลี่ยนแปลงผ้าสำลี (การใช้ห้องสมุดการทำความสะอาด JSHint Code).
• อนุญาตให้แสดงชื่อไฟล์นานโดยไม่ต้องแบ่งพื้นที่ / คำ.
• การตั้งค่าแก้ไขปัญหาของสแต็คไฟล์สำหรับการอัปโหลดโหมดต่างๆ (เดี่ยว, async ชุดและซิงค์ batch).
• อัปโหลดความคืบหน้าการปรับปรุงบาร์จัดแต่งทรงผม.

มีอะไรใหม่ ในรุ่น 4.1.7:

• เพิ่มประสิทธิภาพ:

สนับสนุน
• แท็กที่กำหนดเองสำหรับ layoutTemplates และ previewTemplates (customLayoutTags คุณสมบัติใหม่และ customPreviewTags รวม).
• กิจกรรม filebatchselected ใหม่เริ่มทำงานหลังจากที่ชุดของไฟล์ทุกจะถูกเลือก.
• New วิธี replaceAll เร็วขึ้นแทนการแยก regexp ที่จะเปลี่ยนแท็กในแม่แบบ.
• ปรับปรุงจัดการข้อผิดพลาดสำหรับการดักจับข้อยกเว้นการรักษาความปลอดภัยและทรัพย์สิน FileReader ใหม่ msgFileSecured จะแสดงข้อความแสดงข้อยกเว้นการรักษาความปลอดภัย.
• รหัสล้างและการปรับโครงสร้างหนี้สำหรับ JS เปลี่ยนแปลงผ้าสำลี (การใช้ห้องสมุดการทำความสะอาด JSHint Code).
• อนุญาตให้แสดงชื่อไฟล์นานโดยไม่ต้องแบ่งพื้นที่ / คำ.
• การตั้งค่าแก้ไขปัญหาของสแต็คไฟล์สำหรับการอัปโหลดโหมดต่างๆ (เดี่ยว, async ชุดและซิงค์ batch).
• อัปโหลดความคืบหน้าการปรับปรุงบาร์จัดแต่งทรงผม.

มีอะไรใหม่ ในรุ่น 4.0.0:

• เพิ่มฟังก์ชั่นการใช้งาน Ajax อัพโหลดโดยใช้ HTML5 FormData ( เบราว์เซอร์ที่ทันสมัย​​ที่สุดสนับสนุนมัน) จะลดไปตามรูปแบบปกติส่งหากไฟล์นี้จะไม่ได้รับการสนับสนุน.
• หากต้องการใช้งาน AJAX อัพโหลด uploadUrl ทรัพย์สินมีผลบังคับใช้และจะต้องตั้งค่า.
• เพิ่มปลั๊กอินขณะนี้อนุญาตให้ไฟล์ที่จะเพิ่มต่อท้ายออก (ขึ้นอยู่กับการตอบรับจากอีกหลายคน) ดังนั้นเราจึงสามารถผนวกไฟล์เพื่อดูตัวอย่าง.
• ลากใหม่และโซนตกที่มีอยู่ในตัวอย่างเพื่อลากและวางไฟล์และผนวก.
• ลบหรืออัพโหลดไฟล์หนึ่งโดยหนึ่งหรือในชุด.
• หาก showPreview ถูกตั้งค่าเป็นเท็จหรือ uploadUrl ไม่สนับสนุนปลั๊กอินจะลดเข้าสู่ภาวะปกติตามแบบฟอร์มการอัปโหลด.
• ตัวชี้วัดที่กำหนดสำหรับแฟ้มรอการอัปโหลดไฟล์ที่อัปโหลดเสร็จเรียบร้อยแล้วไฟล์ errored ในการอัปโหลด.
• สามารถในการเพิ่มข้อมูลในแบบฟอร์มพิเศษด้วยการอัปโหลดตามอาแจ็กซ์.
• อัปโหลดแถบความคืบหน้าและอัพโหลดภาพขนาดย่อแต่ละตัวชี้วัด.
• ความสามารถในการยกเลิกและยกเลิกการอัปโหลด AJAX อย่างต่อเนื่อง.
• แม่ได้รับการปรับปรุงใหม่และเพิ่มขึ้นสำหรับแต่ละชนิดของแฟ้ม.

มีอะไรใหม่ ในรุ่น 3.0.0:

• ปุ่มอัปโหลดที่เพิ่มขึ้นสำหรับการปิด / เปิดเมื่อใช้กับ & # x3c; A & # x3e; แท็ก.
• รีเฟรชแสดงตัวอย่างที่จะแสดงให้เห็นข้อผิดพลาดอย่างถูกต้องหลังจากแต่ละไฟล์จะถูกตรวจสอบ.
• เพิ่มความสามารถแทนที่วิธีกระสุนที่มีคุณสมบัติ slugCallback.

มีอะไรใหม่ ในรุ่น 2.7.0:.

• ตั้งค่าการปลดปล่อยสู่มีเสถียรภาพใน composer.json

คืออะไรใหม่ ในรุ่น 2.6.0:

• เพิ่มปลั๊กอินการกำหนดค่า `elErrorContainer` สำหรับการแสดง ข้อผิดพลาดในการตรวจสอบ.
• Templatize errorContainer สำหรับการแสดงผลภายในหน้าต่างแสดงตัวอย่าง.
• การแก้ไขที่ถูกต้องเพิ่มเติมสำหรับ IE (Ver & # x3c; 11). ไม่สามารถที่จะล้างค่า fileinput

คืออะไรใหม่ ในรุ่น 2.4.0:

• ปลั๊กอินได้รับการปรับปรุงใหม่ในการสร้างการแสดงตัวอย่างปัญญาบนพื้นฐานของ ประเภทการแสดงตัวอย่างไฟล์ต่างๆ inbuilt ประเภทสนับสนุนไฟล์มีการแบ่งประเภทเป็นภาพ, ข้อความ, HTML, วิดีโอ, เสียง, แฟลช, วัตถุ, และอื่น ๆ .
• allowedPreviewTypes: ตอนนี้คุณสามารถกำหนดค่าทุกชนิดไฟล์ได้รับอนุญาตให้แสดงเป็นตัวอย่าง เริ่มต้นที่ [ 'ภาพ', 'HTML', 'ข้อความ', 'วิดีโอ', 'เสียง', 'แฟลช', 'วัตถุ'] นี้ ดังนั้นทุกชนิดไฟล์จะถือว่าเป็นวัตถุที่จะแสดงตัวอย่างโดยค่าเริ่มต้น สำหรับ exampleTo แสดงตัวอย่างเพียงภาพและวิดีโอคุณสามารถตั้งค่านี้ [ 'ภาพ', 'วิดีโอ'].
• allowedPreviewMimeTypes: นอกจาก allowedPreviewTypes คุณยังสามารถควบคุมทุกประเภท MIME สามารถแสดงผลสำหรับการแสดงตัวอย่าง เริ่มต้นที่โมฆะหมายทุกประเภท 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 หรือสูงกว่า