آشنایی با ویژگی Download در HTML5

آشنایی با صفت Download در HTML5

ویژگی "download" یا صفت دانلود در HTML، وقتی کاربر روی یک لینک کلیک می‌کند، باعث دانلود فایلی می‌شود که آدرس آن در ویژگی "href" تعیین شده است.

مقدار اختیاری ویژگی "download"، نام جدید فایل پس از دانلود آن خواهد بود. هیچ محدودیتی برای مقادیر مجاز وجود ندارد و مرورگر به طور خودکار پسوند صحیح فایل را تشخیص می‌دهد و به فایل اضافه می‌کند (.img، .pdf، .txt، .html و غیره).

در صورت حذف مقدار برای "download" اسم پیش‌فرض فایل را استفاده خواهد کرد.

پشتیبانی مرورگرها:

+ Chrome: 14.0*

+ Microsoft Edge: 18.0

+ Firefox: 20.0*

+ Safari: 10.1

+ Opera Mini: 15.0

توجه داشته باشید که مرورگرهای Chrome 65+ و Firefox فقط از لینک‌های دانلود same-origin پشتیبانی میکنند.

ساختار

<a download="filename">

برای تغییر نام فایل به نام دلخواه خود، به جای عبارت "filename"، نامی که میخواهید فایل با آن نام دانلود شود را وارد کنید. در این صورت، فایل دانلودی با همان نام تعیین شده دانلود خواهد شد.

در مثال زیر پس از کلیک کردن روی `دانلود` نام فایل به جای `backgound-image.jpg` با نام فایل `html.jpg` دانلود خواهد شد.

در مثال زیر، پس از کلیک بر روی "دانلود"، فایل با نام "html.jpg" به جای نام اصلی خود "image1234567890.jpg" دانلود خواهد شد.

<a src="/image/image1234567890.jpg" download="html">دانلود</a>

اگر علاقه‌مند به شروع یادگیری وب هستید میتوانید از دوره آشنایی با HTML که بطور رایگان دردسترس هست استفاده کنید و وارد دنیای برنامه‌نویسی شوید.

در این مقاله با صفت download در HTML آشنا شدید. امیدوارم که این مقاله برای شما مفید واقع شده باشد؛ در صورتی که برای شما در خصوص این مقاله سوالی پیش آمده است، حتما در قسمت کامنت‌ها برای ما ارسال کنید. 

منبع: w3schools