Bootstrap File Input

Thay vì lựa chọn và tải lên một tập tin tại một thời điểm, hoặc sử dụng nhiều lĩnh vực tải lên trong cùng một hình thức, các nhà phát triển có thể triển khai Bootstrap file đầu vào để cung cấp cho người dùng của họ với một tập tin đẹp chọn giao diện, hoàn thành với xem trước file, hỗ trợ cho các lựa chọn nhiều tập tin, và các nút hành động khác nhau.

Bootstrap file đầu vào đã cơ bản bốn yếu tố chính. Các nút lựa chọn tập tin, nút upload, nút lựa chọn loại bỏ, và phần xem trước.

Mỗi số này có thể được tắt hoặc tùy chỉnh thông qua CSS, cho phép các nhà phát triển để tạo ra hái tập tin tùy chỉnh, khi họ thấy phù hợp để sử dụng trong các ứng dụng của họ.

Bootstrap file đầu vào cũng hỗ trợ các quốc gia tàn tật, rất nhẹ khi nói đến kích thước đĩa, và chỉ kiểm soát các hoạt động phía khách hàng liên quan đến các quá trình tải lên. Điều này có nghĩa là nó cần phải được tích hợp trên máy chủ để thực sự lưu và lưu trữ các tập tin tải lên. Các tin tốt là kể từ khi nó được viết bằng JavaScript và HTML 5 nó có thể được thực hiện để làm việc với hầu như bất kỳ loại ngôn ngữ lập trình phía máy chủ.

Một bản demo được bao gồm trong các tập tin tải về gói Input Bootstrap

Điều gì là mới trong phiên bản này:.

• Enhancement:
• Tuỳ chỉnh hỗ trợ cho layoutTemplates và previewTemplates (tính customLayoutTags mới và customPreviewTags bao gồm).
• sự kiện filebatchselected mới kích hoạt sau mỗi loạt các tập tin được chọn.
• New phương pháp replaceAll nhanh hơn thay vì phân tích cú pháp biểu thức chính quy để thay thế thẻ trong mẫu.
• Cải thiện xử lý lỗi cho bẫy ngoại lệ an ninh FileReader và tài sản msgFileSecured mới sẽ hiển thị các thông báo an toàn ngoại lệ.
• Mã dọn dẹp và sắp xếp lại các thay đổi lint JS (sử dụng thư viện dọn dẹp JSHint Code).
• Cho phép hiển thị tên tập tin dài mà không phá vỡ không gian / từ.
• Fix thiết lập lại của tập tin stack cho các chế độ tải lên khác nhau (đơn, hàng loạt async và đồng bộ hàng loạt).
• Tiến độ tải lên cải tiến thanh phong.

Điều gì là mới trong phiên bản 4.2.8:

• Enhancement:
• Tuỳ chỉnh hỗ trợ cho layoutTemplates và previewTemplates (tính customLayoutTags mới và customPreviewTags bao gồm).
• sự kiện filebatchselected mới kích hoạt sau mỗi loạt các tập tin được chọn.
• New phương pháp replaceAll nhanh hơn thay vì phân tích cú pháp biểu thức chính quy để thay thế thẻ trong mẫu.
• Cải thiện xử lý lỗi cho bẫy ngoại lệ an ninh FileReader và tài sản msgFileSecured mới sẽ hiển thị các thông báo an toàn ngoại lệ.
• Mã dọn dẹp và sắp xếp lại các thay đổi lint JS (sử dụng thư viện dọn dẹp JSHint Code).
• Cho phép hiển thị tên tập tin dài mà không phá vỡ không gian / từ.
• Fix thiết lập lại của tập tin stack cho các chế độ tải lên khác nhau (đơn, hàng loạt async và đồng bộ hàng loạt).
• Tiến độ tải lên cải tiến thanh phong.

Điều gì là mới trong phiên bản 4.2.2:

• Enhancement:
• Tuỳ chỉnh hỗ trợ cho layoutTemplates và previewTemplates (tính customLayoutTags mới và customPreviewTags bao gồm).
• sự kiện filebatchselected mới kích hoạt sau mỗi loạt các tập tin được chọn.
• New phương pháp replaceAll nhanh hơn thay vì phân tích cú pháp biểu thức chính quy để thay thế thẻ trong mẫu.
• Cải thiện xử lý lỗi cho bẫy ngoại lệ an ninh FileReader và tài sản msgFileSecured mới sẽ hiển thị các thông báo an toàn ngoại lệ.
• Mã dọn dẹp và sắp xếp lại các thay đổi lint JS (sử dụng thư viện dọn dẹp JSHint Code).
• Cho phép hiển thị tên tập tin dài mà không phá vỡ không gian / từ.
• Fix thiết lập lại của tập tin stack cho các chế độ tải lên khác nhau (đơn, hàng loạt async và đồng bộ hàng loạt).
• Tiến độ tải lên cải tiến thanh phong.

Điều gì là mới trong phiên bản 4.2.1:

• Enhancement:
• Tuỳ chỉnh hỗ trợ cho layoutTemplates và previewTemplates (tính customLayoutTags mới và customPreviewTags bao gồm).
• sự kiện filebatchselected mới kích hoạt sau mỗi loạt các tập tin được chọn.
• New phương pháp replaceAll nhanh hơn thay vì phân tích cú pháp biểu thức chính quy để thay thế thẻ trong mẫu.
• Cải thiện xử lý lỗi cho bẫy ngoại lệ an ninh FileReader và tài sản msgFileSecured mới sẽ hiển thị các thông báo an toàn ngoại lệ.
• Mã dọn dẹp và sắp xếp lại các thay đổi lint JS (sử dụng thư viện dọn dẹp JSHint Code).
• Cho phép hiển thị tên tập tin dài mà không phá vỡ không gian / từ.
• Fix thiết lập lại của tập tin stack cho các chế độ tải lên khác nhau (đơn, hàng loạt async và đồng bộ hàng loạt).
• Tiến độ tải lên cải tiến thanh phong.

Điều gì là mới trong phiên bản 4.2.0:

• Enhancement:
• Tuỳ chỉnh hỗ trợ cho layoutTemplates và previewTemplates (tính customLayoutTags mới và customPreviewTags bao gồm).
• sự kiện filebatchselected mới kích hoạt sau mỗi loạt các tập tin được chọn.
• New phương pháp replaceAll nhanh hơn thay vì phân tích cú pháp biểu thức chính quy để thay thế thẻ trong mẫu.
• Cải thiện xử lý lỗi cho bẫy ngoại lệ an ninh FileReader và tài sản msgFileSecured mới sẽ hiển thị các thông báo an toàn ngoại lệ.
• Mã dọn dẹp và sắp xếp lại các thay đổi lint JS (sử dụng thư viện dọn dẹp JSHint Code).
• Cho phép hiển thị tên tập tin dài mà không phá vỡ không gian / từ.
• Fix thiết lập lại của tập tin stack cho các chế độ tải lên khác nhau (đơn, hàng loạt async và đồng bộ hàng loạt).
• Tiến độ tải lên cải tiến thanh phong.

Điều gì là mới trong phiên bản 4.1.8:

• Enhancement:
• Tuỳ chỉnh hỗ trợ cho layoutTemplates và previewTemplates (tính customLayoutTags mới và customPreviewTags bao gồm).
• sự kiện filebatchselected mới kích hoạt sau mỗi loạt các tập tin được chọn.
• New phương pháp replaceAll nhanh hơn thay vì phân tích cú pháp biểu thức chính quy để thay thế thẻ trong mẫu.
• Cải thiện xử lý lỗi cho bẫy ngoại lệ an ninh FileReader và tài sản msgFileSecured mới sẽ hiển thị các thông báo an toàn ngoại lệ.
• Mã dọn dẹp và sắp xếp lại các thay đổi lint JS (sử dụng thư viện dọn dẹp JSHint Code).
• Cho phép hiển thị tên tập tin dài mà không phá vỡ không gian / từ.
• Fix thiết lập lại của tập tin stack cho các chế độ tải lên khác nhau (đơn, hàng loạt async và đồng bộ hàng loạt).
• Tiến độ tải lên cải tiến thanh phong.

Điều gì là mới trong phiên bản 4.1.7:

• Enhancement:
• Tuỳ chỉnh hỗ trợ cho layoutTemplates và previewTemplates (tính customLayoutTags mới và customPreviewTags bao gồm).
• sự kiện filebatchselected mới kích hoạt sau mỗi loạt các tập tin được chọn.
• New phương pháp replaceAll nhanh hơn thay vì phân tích cú pháp biểu thức chính quy để thay thế thẻ trong mẫu.
• Cải thiện xử lý lỗi cho bẫy ngoại lệ an ninh FileReader và tài sản msgFileSecured mới sẽ hiển thị các thông báo an toàn ngoại lệ.
• Mã dọn dẹp và sắp xếp lại các thay đổi lint JS (sử dụng thư viện dọn dẹp JSHint Code).
• Cho phép hiển thị tên tập tin dài mà không phá vỡ không gian / từ.
• Fix thiết lập lại của tập tin stack cho các chế độ tải lên khác nhau (đơn, hàng loạt async và đồng bộ hàng loạt).
• Tiến độ tải lên cải tiến thanh phong.

Điều gì là mới trong phiên bản 4.0.0:

• Thêm chức năng cho AJAX dựa UPLOAD sử dụng HTML5 FormData ( hầu hết các trình duyệt hiện đại hỗ trợ nó). Sẽ làm suy giảm Mẫu Dựa trình tập tin bình thường nếu điều này không được hỗ trợ.
• Để sử dụng AJAX Tải lên, tài sản uploadUrl là BẮT BUỘC và phải được thiết lập.
• Tăng cường plugin để bây giờ cho phép các tập tin được thêm vào, nối, loại bỏ (dựa trên phản hồi từ nhiều người). Vì vậy người ta có thể thêm các tập tin để xem trước.
• DRAG New & khu thả có sẵn trong bản xem trước để kéo và thả các tập tin và thêm.
• Xóa hoặc upload file một hoặc hàng loạt.
• Nếu showPreview được thiết lập để sai, hoặc uploadUrl không được hỗ trợ plugin sẽ làm suy giảm để tải lên dựa hình thức bình thường.
• chỉ số cấu hình cho file chờ tải lên, file tải lên thành công, file errored trong tải lên.
• Có thể thêm các dữ liệu dạng thêm với tải lên dựa ajax.

chỉ số
• Upload thanh tiến trình tải lên và thu nhỏ cá nhân.
• Khả năng hủy bỏ và hủy bỏ cập nhật AJAX đang diễn ra.
• Mẫu đã được chỉnh sửa và nâng cao cho từng loại tập tin.

Điều gì là mới trong phiên bản 3.0.0:

• nút tải lên Enhanced cho disable / enable khi được sử dụng với & # x3c; a & # x3e; thẻ.
• Làm mới xem trước để hiển thị lỗi một cách chính xác sau mỗi tập tin được xác nhận.
• Thêm khả năng để ghi đè lên các phương pháp sên với một tài sản slugCallback.

Điều gì là mới trong phiên bản 2.7.0:.

• Cài phát hành để ổn định trong composer.json

Điều gì là mới trong phiên bản 2.6.0:

• Tăng cường plugin để cấu hình 'elErrorContainer` để hiển thị lỗi xác nhận.
• Templatize errorContainer để hiển thị trong cửa sổ xem trước.
• More đúng bản sửa lỗi cho IE (ver & # x3c; 11). Không có khả năng để xóa các giá trị fileinput

Điều gì là mới trong phiên bản 2.4.0:

• Plugin đã được cải tiến để xây dựng xem trước thông minh dựa trên các loại tập tin khác nhau xem trước. Các loại tập tin hỗ trợ sẵn có được phân loại như hình ảnh, văn bản, html, video, audio, flash, đối tượng, và khác.
• allowedPreviewTypes: Bây giờ bạn có thể cấu hình tất cả các loại tập tin được phép hiển thị như là một bản xem trước. Điều này mặc định là [ 'image', 'html', 'text', 'video', 'âm thanh', 'flash', 'đối tượng']. Như vậy tất cả các loại tập tin đang được coi là một đối tượng để xem trước theo mặc định. Đối với exampleTo xem trước chỉ hình ảnh và video, bạn có thể thiết lập này để [ 'image', 'video'].
• allowedPreviewMimeTypes: Ngoài allowedPreviewTypes, bạn cũng có thể kiểm soát tất cả các loại kịch câm có thể được hiển thị cho xem trước. mặc định là vô giá trị, có nghĩa là tất cả các loại kịch câm được hỗ trợ.
• layoutTemplates: Cho phép bạn cấu hình tất cả các thiết lập mẫu bố trong vòng một tài sản. Các đối tượng bố trí có thể được cấu hình là: main1, main2, xem trước, phụ đề và phương thức
.
• previewTemplates: Tất cả các mẫu xem trước cho từng loại xem trước đã được kết hợp thành một tài sản, thay vì các mẫu riêng biệt cho hình ảnh, văn bản vv Các phím được định dạng như thiết lập trong allowedPreviewTypes và các giá trị được các tiêu bản được dùng để xem trước. Có các mẫu dựng sẵn mặc định cho từng loại tập tin xem trước (chung chung, hình ảnh, văn bản, html, video, audio, flash, đối tượng, và khác). Các mẫu chung chung chỉ được sử dụng để hiển thị nội dung initialPreview sử dụng đánh dấu trực tiếp.

Điều gì là mới trong phiên bản 2.2.0:.

• Cập nhật readAsBinaryString để readAsArrayBuffer

Điều gì là mới trong phiên bản 2.0.0:

• Sự kiện Plugin mới được thêm: fileerror, fileloaded, filecleared .
• phương pháp nhúng mới thêm: vô hiệu hóa, kích hoạt
• Tăng cường cấu hình mẫu để xem trước hình ảnh, văn bản, và các tập tin khác (và một mẫu chung).
• Làm cho văn bản chú thích cấu hình thông qua một tham số mới msgSelected.
• tính chính xác của các tập tin được lựa chọn khi initPreview là sai.
• tỷ lệ hình ảnh tự động cho xem trước, khi hình ảnh quá rộng để phù hợp trong container.

Điều gì là mới trong phiên bản 1.8.0:

• Enhanced mẫu chú thích và phong cách cho các chú thích để ngăn chặn tràn tên tập tin dài ra khỏi container chú thích.

Điều gì là mới trong phiên bản 1.7.0:

• Các plugin hiện nay cung cấp một tùy chọn overwriteInitial thêm <. / li>

Điều gì là mới trong phiên bản 1.6.0:

• Các plugin hiện nay cung cấp một phương pháp làm mới bổ sung. Điều này cho phép bạn tự động thay đổi các yếu tố thuộc tính hoặc tùy chọn các plugin trong thời gian chạy và làm mới các phụ tùng.

Yêu cầu :

• kích hoạt Javascript về phía khách hàng
• jQuery 1.9 hoặc cao hơn
• Bootstrap 3 hoặc cao hơn