كيفية استخدام خاصية التحميل

جاء HTML5 مع جميع واجهات برمجة التطبيقات الجديدة ، وأنواع المدخلات الجديدة وسمات للنماذج. كما هو الحال في كثير من الأحيان ، غالبًا ما تحجب تلك الإضافات الرئيسية الترقيات الثانوية وأعتقد أن هذا ينطبق بشكل خاص على سمة التنزيل.

كما تعلم ، هناك بعض الملفات التي لا يقوم المتصفح بتنزيلها تلقائيًا ؛ والصور وصفحات الويب الأخرى وفقًا للإعدادات في متصفحك ، وأحيانًا ملفات PDF. تمنح سمة التنزيل المستعرض طريقة أصلية لتنزيل هذه الملفات تلقائيًا ، دون الحاجة إلى الرجوع إلى جافا سكريبت. هذا مفيد حقًا لأي تطبيق يتعامل مع تنزيل الصور ، مثل مواقع تحميل الصور.

باستخدام سمة التنزيل

نظرًا لأن سمة التنزيل لا تستخدم برامج نصية من أي نوع ، فهي بسيطة مثل إضافة السمة إلى رابطك:

الشيء الرائع في هذه السمة هو أنه يمكنك حتى تعيين اسم للملف القابل للتنزيل ، حتى إذا لم يكن الاسم على الخادم الخاص بك.  هذا أمر رائع للمواقع ذات أسماء الملفات المعقدة ، أو حتى الصور التي تم إنشاؤها ديناميكيًا ، والتي تريد توفير اسم ملف بسيط وسهل الاستخدام.  لتوفير اسم ، يمكنك فقط إضافة علامة يساوي ، متبوعة بالاسم الذي تريد استخدامه محاطًا بين علامات اقتباس ، مثل: 
  لاحظ أن المتصفح سيضيف تلقائيًا امتداد الملف الصحيح إلى الملف الذي تم تنزيله ، لذلك لن تحتاج إلى تضمين ذلك داخل قيمة السمة الخاصة بك. 
  دعم المتصفح 
  في الوقت الحالي ، يدعم Chrome 14+ و Firefox 20+ السمة "تنزيل" فقط ، لذا قد تحتاج إلى الرجوع إلى بعض جافا سكريبت البسيطة لاكتشاف ما إذا كانت السمة مدعومة أم لا.  يمكنك القيام بذلك على النحو التالي: 
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}
  استنتاج 
  مع الأخذ بعين الاعتبار كل ما تمت إضافته إلى HTML5 ، تكون سمة التنزيل جزءًا صغيرًا جدًا ، ولكن في رأيي هذه سمة تأخرت طويلاً ، وبالتأكيد لها استخداماتها في تطبيقات اليوم لكل من سهولة الاستخدام والتبسيط. 
  هل قمت بتطبيق سمة التنزيل؟  ما هي الأبطال المجهولون في HTML5؟  اسمحوا لنا أن نعرف في التعليقات. 
  صورة مميزة / صورة مصغرة ،   تحميل الصورة  عبر Shutterstock. 


        

                        مقتطفات الشفرة 
                        تحميل السمة 
                        تحميل صور 
                        كود html5