Bootstrap file inputs asosiy vazifalari


Har bir oldindan koʻrish turi


Download 33.28 Kb.
bet2/3
Sana18.06.2023
Hajmi33.28 Kb.
#1557563
1   2   3
Bog'liq
Bootstrap file inputs asosiy vazifalari

: Har bir oldindan koʻrish turi uchun barcha oldindan koʻrish shablonlari rasm, matn va boshqalar uchun alohida shablonlar oʻrniga bitta xususiyatga birlashtirilgan. Kalitlar oʻrnatilgan formatlar allowedPreviewTypesva qiymatlar oldindan koʻrish uchun ishlatiladigan shablonlardir. Har bir oldindan ko'rish fayli turi uchun standart oldindan tuzilgan andozalar mavjud ( generic, image, text, html, video, audio, flash, object, va other). Shablon faqat to'g'ridan-to'g'ri belgilash yordamida kontentni genericko'rsatish uchun ishlatiladi .initialPreview

  • previewSettings: Har bir oldindan koʻrish tasvir turi uchun kenglik va balandlikni sozlash imkonini beradi. Plagin har bir tur uchun oldindan belgilangan standart kenglik va balandliklarga ega, ya'ni , image, text, html, , va .videoaudioflashobject

  • fileTypeSettings: Qayta qo'ng'iroq yordamida har bir oldindan ko'rish fayl turini sozlash va aniqlash imkonini beradi. Plagin har bir turni aniqlash uchun oldindan belgilangan standart qayta qo'ng'iroqlarga ega, ya'ni image, text, html, video, audio, flashva object.

  • Shablonlar ichidagi teglarni almashtirish yaxshilandi. Ushbu nashr bilan u har bir tegning bir nechta takrorlanishini avtomatik ravishda shablon qatorida almashtirishni tekshiradi.

  • Hodisalarni boshqaring va o'zingizning shaxsiy tasdiqlash xabarlaringizni osongina qo'shing, natijani boshqa hodisalarda yuklashni bekor qilish uchun qaytaring.

  • Tarjimalar va mahalliy tillarni qo'llab-quvvatlash.

    Fayl yuklash xususiyatlari
    4.0.0 versiyasi bilan plagin endi AJAX yuklash va fayllarni tanlab qo'shish yoki o'chirish uchun o'rnatilgan yordamni ham o'z ichiga oladi. AJAX yuklash funksiyasi HTML5 FormData va XMLHttpRequest Level 2 standartlari asosida qurilgan. Ko'pgina zamonaviy brauzerlar ushbu standartni qo'llab-quvvatlaydi, ammo plagin avtomatik ravishda qo'llab-quvvatlanmaydigan brauzerlar uchun odatiy shaklga asoslangan taqdimotga tushadi.

    • HTML5 FormData yordamida AJAX asosidagi UPLOAD funksiyasini qo'shing (aksariyat zamonaviy brauzerlar uni qo'llab-quvvatlaydi). Agar bu qo'llab-quvvatlanmasa, formaga asoslangan faylni yuborish odatiy holga tushadi.

    • AJAX Upload-dan foydalanish uchun siz o'rnatishingiz kerakuploadUrlmulk.

    • Endi fayllarni qo'shish, qo'shish va o'chirishga ruxsat berish uchun plaginni yaxshilang (ko'pchilikning FEEDBACK asosida). Shunday qilib, oldindan ko'rish uchun fayllarni qo'shish mumkin.

    • Fayllarni sudrab olib tashlash va qo‘shish uchun oldindan ko‘rishda yangi DRAG & DROP zonasi mavjud.

    • Fayllarni birma-bir YOKI ommaviy ravishda oʻchiring yoki yuklang.

    • Agar showPreview“false” qiymati o‘rnatilsa yoki uploadUrl qo‘llab-quvvatlanmasa, plagin normal shaklga asoslangan yuklash holatiga tushadi.

    • Yuklashni kutayotgan fayl, muvaffaqiyatli yuklangan fayl, yuklashda xatolik yuz bergan fayllar uchun sozlanishi mumkin boʻlgan koʻrsatkichlar.

    • Ajax asosidagi yuklashlar bilan qo'shimcha shakl ma'lumotlarini qo'shish imkoniyati.

    • Yuklash jarayoni va individual eskiz yuklash ko'rsatkichlari.

    • Davom etayotgan AJAX yuklamalarini bekor qilish va bekor qilish imkoniyati.

    • Dastlabki ko'rib chiqish kontentini yarating (masalan, saqlangan rasmlar galereyasi). Dastlabki ko'rib chiqish harakatlarini o'rnatishingiz mumkin (dastlabki ko'rishni o'chirish uchun oldindan o'rnatilgan yordam). Dastlabki ko'rib chiqish eskizlari uchun boshqa maxsus harakat tugmalari ham o'rnatilishi mumkin.

    • Faqat HTML5 va jQuery funksiyalaridan optimal foydalanish orqali plaginning yuqoridagi funksiyalarga qaramasdan oʻlchami kichik va ishlashi uchun optimallashtirilganligiga ishonch hosil qiling.

    • Ajax yuklash tugashi bilanoq serverdagi kontent bilan oldindan ko'rishni avtomatik ravishda yangilang.

    O'rnatish
    Bootstrap-fileinput plaginini quyidagi variantlardan biri yordamida avtomatik yoki qo'lda o'rnatish mumkin:
    Bower paket menejeri
    Bower paket menejeri orqali o'rnatish ishga tushirish kabi oddiy:
    $ bower install bootstrap - fayl kiritish
    Tugun paket menejeri
    NPM orqali o'rnatish ishga tushirish kabi oddiy:
    $ npm o'rnatish bootstrap - fayl kiritish
    Kompozitor paketi menejeri
    composerBootstrap-fileinput-ni paket menejeri orqali o'rnatishingiz mumkin . Yoki yuguring:
    $ php bastakor . phar talab kartik - v / bootstrap - fayl kiritish "dev-master"
    yoki qo'shing:
    "kartik-v/bootstrap-fileinput" : "dev-master"
    composer.json faylingizga
    Qo'lda o'rnatish
    Shuningdek, plaginni loyihangizga osongina qo'lda o'rnatishingiz mumkin. Faqat manbani yuklab oling ZIP yoki TAR ball va plagin aktivlari fayllari va papkalarini loyihangizga chiqarib oling.
    Foydalanish
    Eslatma
    Agar siz kirishga [input type="file"]CSS sinfini biriktirsangiz, plagin avtomatik ravishda maydonlarni fayl kiritish boshqaruviga aylantiradi . Ammo, agar siz plaginni javascript orqali alohida ishga tushirayotgan bo'lsangiz, u holda CSS sinfini kirishga fileQO'SHILMANG (chunki bu takroriy ishga tushirishga olib keladi va JavaScript kodi o'tkazib yuborilishi mumkin).file
    Foydalanish: 1-qadam
    Sarlavhangizga quyidagi aktivlarni yuklang.













    1. https :// foydalaning . fontawesome . com / relizlar / v5 . 15 . 3 / css / hammasi . css " crossorigin="anonymous" -->









    2. https :// cdn . jsdelivr . net / gh / kartik - v / bootstrap - fileinput @ 5 . 5 . 0 / css / fileinput - rtl . min . css "media="all" rel "uslublar jadvali" turi "matn/css" /-->











    3. Agar kerak bo'lsa, izohni bekor qiling. -->

    4. https :// cdn . jsdelivr . net / gh / kartik - v / bootstrap - fileinput @ 5 . 5 . 0 / mavzular / fa5 / mavzu . min . js ">





    jquery.min.jsAgar e'tibor bergan bo'lsangiz, va bootstrap.min.cssga qo'shimcha ravishda va fileinput.min.cssni ham yuklashingiz kerak fileinput.min.js. Plaginda ishlatiladigan standart piktogrammalarni yoqish uchun Bootstrap 5.x piktogramma kutubxonasini yuklang bootstrap.min.css. Shu bilan bir qatorda Font Awesome mavzusini FontAwesome Icons CSS fayli va uning mavzu faylini yuklash orqali yoqish mumkin fa5/theme.min.js. Agar kerak bo'lsa , tilingiz uchun mahalliy fayl LANG.jsixtiyoriy ravishda tilingizga tarjima qilish uchun kiritilishi mumkin. Agar sizga RTL (o'ngdan chapga) yo'nalishi kerak bo'lsa, u holda fileinput-rtl.min.cssuslublar jadvali faylini yuklashingiz kerak.fileinput.min.css
    Ixtiyoriy bog'liq plaginlar

    • Fayl hMatoba tomonidan Piexifjs plagininingpiexif.min.js manbai hisoblanadi . JPEG tasvir fayllarini ularning orientatsiya yorlig'i asosida avtomatik yo'naltirishni xohlasangiz, avval uni yuklash talab qilinadi . 
      Download 33.28 Kb.

      Do'stlaringiz bilan baham:
  • 1   2   3




    Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
    ma'muriyatiga murojaat qiling