HTML ကုဒ်တွင် လင့်ခ်လိပ်စာ မရှိပါ။ ၎င်း၏ လိပ်စာသည် ဖိုင်ဒေါင်းလုဒ်များနှင့် ပုံရိပ်များစွာ ပြတ်သားမှု အများအပြားတွင် ဖြစ်လေ့ရှိသော front-end js လုပ်ဆောင်ချက်မှ ထုတ်ပေးသည့် လိပ်စာဖြစ်သည်။

မည်သို့သော ဒိုင်းနမစ်လင့်ခ်များကို ပံ့ပိုးပေးသနည်း။

• tag attribute တန်ဖိုးများဖြင့် ပေါင်းစပ်ထားသော လင့်ခ်လိပ်စာ

HTML ကုဒ်
 ဒေါင်းလုဒ်လုပ်ရန် နှိပ်ပါ

• နှိပ်လိုက်တာနဲ့ ဒေါင်းလုဒ်လုပ်ရန်နှိပ်ပါ။ ခလုတ်၊ ဒေါင်းလုဒ်လိပ်စာကို ပေးထားသည်။data-fileid="filename.zip"၏ ဖိုင်အမည်.zip Spliced ​​ဥပမာ၊ ခွဲထားသောလိပ်စာသည်-http://www.demo.com/files/文件名.zip

ဘယ်လို configure လုပ်မလဲ။

အထက်ဖော်ပြပါ ကုဒ်ကို နမူနာအဖြစ် ယူပါ။

• မေးမြန်းချက် တဂ်-.downloadFile
• အစားထိုးလုပ်ဆောင်ခြင်း- ဖြည့်စွက်ရန်မလိုအပ်ပါ။
• အညွှန်းအရည်အချင်းများ-data-fileid
• ရှေ့ဆက်တွဲ-htp://www.demo.com/files/
• Splicing suffix- ဖြည့်ရန်မလိုအပ်ပါ။

အစားထိုးလုပ်ဆောင်ခြင်း။

ဤ img:srcset အမျိုးအစားသည် မတူညီသော ပုံအရွယ်အစားများကို ဒိုင်းနမစ်ဖြင့် ထုတ်ပေးသည်။

မတူညီသော ကြည်လင်ပြတ်သားမှုများအရ js သည် မတူညီသော ပုံအရွယ်အစားများကို ဒိုင်းနမစ်ဖြင့် တင်ပေးသည် srcset သည် ပံ့ပိုးထားသော ပုံအရွယ်အစားများပါရှိသော array တစ်ခုဖြစ်သည်
  တင်ဆက်ပြီးနောက် ပုံလိပ်စာသည်    

ဤကဲ့သို့သော ဆက်တင်များ- မအစားထိုးမီ-/image- အစားထိုးပြီးနောက်-/image-180.jpg|/image-320.jpg|/image-640.jpg|/image-800.jpg

အစားထိုးပြီးနောက် ဘောင်များ၏ လိပ်စာအများအပြားကို ' | ဖြင့် ပိုင်းခြားထားသည်။

• အထက်ဖော်ပြပါ လုပ်ဆောင်မှုမှတစ်ဆင့်၊ ရုပ်ပုံလိပ်စာ ၄ စုံကို အသီးသီး ရရှိသည်။

http://www.demo.com/files/20220603/image-180.jpg http://www.demo.com/files/20220603/image-320.jpg http://www.demo.com/files/20220603/image-640.jpg http://www.demo.com/files/20220603/image-800.jpg

ကန့်သတ်ချက်

• လောလောဆယ်တွင်၊ ပါရာမီတာ ပေါင်းစည်းခြင်းကို ပံ့ပိုးမထားပါ၊ ကန့်သတ်ချက်တစ်ခုသာ ပေါင်းစပ်ခြင်းကို လက်ရှိတွင် ပံ့ပိုးထားပါသည်။
• ပိုမိုရှုပ်ထွေးသော ကန့်သတ်ထိန်းချုပ်မှုဆိုင်ရာ ပြဿနာများ။