Bootstrap file inputs asosiy vazifalari

Ushbu kutubxona, shuningdek , bootstrap-fileinput plaginining tasvir hajmini o'zgartirish xususiyatidan foydalanganda tasvir fayllariga exif ma'lumotlarini tiklash uchun kerak .fileinput.min.js

Fayl rubaxa tomonidan Sortable plagininingsortable.min.js manbasidir . Agar siz eskizlarni dastlabki ko'rishda saralashni istasangiz, uni avval yuklash talab qilinadi .fileinput.min.js

Foydalanish: qadam 2a
Plaginni sahifangizda ishga tushiring. Masalan, javascript yordamida ishga tushirish uchun - quyidagi kodni document.readysahifangizdagi istalgan joyga yoki istalgan joyga joylashtirish mumkin.

1. 
   // Majburiy emas sozlash: bootstrap kutubxonasi versiyasi asosida avtomatik ravishda aniqlanadi
   
2. 
   // yuklangan bootstrap JS kutubxonasi bootstrap.min.js. Lekin agar siz uni bekor qilmoqchi bo'lsangiz
   
3. 
   // bootstrap versiyasini o'zingiz o'rnating, keyin siz avval quyidagi xususiyatni o'rnatishingiz mumkin
   
4. 
   // plaginni ishga tushirish skripti (plagin v5.5.0 versiyasidan beri mavjud)
   
5. 
   
6. 
   $ . fn . fileinputBsVersion = "3.3.7" ; // agar o'rnatilmagan bo'lsa, bu avtomatik ravishda olinadi
   
7. 
   
8. 
   // standart sozlamalar bilan plaginni ishga tushiring
   
9. 
   $ ( "#input-id" ). fayl kiritish ();
   
10. 
    
11. 
    // plagin variantlari bilan
    
12. 
    $ ( "#input-id" ). fileinput ({ 'showUpload' : false , 'previewFileType' : 'har qanday' });
    

Bu plagin tomonidan avtomatik ravishda yashirilgan sahifangizdagi #input-idkiritish uchun identifikator (masalan, ).type=file
Foydalanish: qadam 2b
Shu bilan bir qatorda, siz kiritish maydoniga HTML 5 maʼlumotlar atributlari orqali plagin parametrlarini toʻgʻridan-toʻgʻri istalgan kiritishga oʻrnatishingiz mumkin. E'tibor bering, bu holda siz CSS sinfini filekirishga biriktirishingiz kerak.
fileYuqorida ta'kidlab o'tilganidek, plaginni javascript orqali ishga tushirayotganda (2a-bosqich), siz CSS sinfini kirishga qo'shmasligingiz KERAK .

1. 
   
   

Oldindan rekvizitlar

• 
  Bootstrap 5.x yoki Bootstrap 4.x yoki Bootstrap 3.x. Biroq, plagin shablonlardan foydalangan holda har qanday CSS ramkasi uchun moslashtirilishi mumkin. Bootstrap 5.x ramkasi v5.5.0 versiyasidan beri qo'llab-quvvatlanadi. Bootstrap 4.x ramkasi v4.4.4 versiyasidan beri qo'llab-quvvatlanadi.
  
• 
  Eng so'nggi jQuery
  
• 
  Ko'pgina zamonaviy brauzerlar HTML5 fayl kiritish va FileReader API, jumladan CSS3 va JQuery. Tafsilotlar uchun brauzerni qo'llab-quvvatlash bo'limiga qarang .
  
• 
  Fayllarni oldindan ko'rish ishlashi uchun brauzer HTML5 FileReaderAPI ni qo'llab-quvvatlashi kerak - aks holda plagin avtomatik ravishda oddiy fayl kiritishiga tushadi. Internet Explorer uchun IE 10 va undan yuqori versiyalaridan foydalanish kerak. IE9 va undan past versiyalar oddiy fayl kiritish sifatida ishlaydi va bir nechta fayl tanlash yoki HTML 5 FileReader API-ni qo'llab-quvvatlamaydi.
  
• 
  4.0 versiyasi bilan AJAX yuklash qo'llab-quvvatlanadi. AJAX yuklash uchun brauzer HTML5 FormData va XHR2 (XMLHttpRequest 2) ni qo‘llab-quvvatlashini talab qiladi. Ko'pgina zamonaviy brauzerlar FormData va XHR2 ni qo'llab-quvvatlaydi. Plagin avtomatik ravishda AJAX yuklamalarini qo'llab-quvvatlamaydigan brauzerlar uchun odatiy shaklga asoslangan taqdimotga tushadi.