19
تشکر

نگاهی به خاصیت Download در HTML5

اچ تی ام ال 5 - HTML5

اچ تی ام ال 5 – HTML5

ساخت یک لینک دانلود کار بسیار ساده‌ای است. فقط کافی است یک تگ a بسازیم و در خاصیتhref آن، آدرس فایلی که میخواهیم کاربر دانلود کند را قرار میدهیم.

اما فایلهایی با فرمت PDF یا تصاویر، معمولاً در خود مرورگر باز می‌شوند و مستقیماً دانلود نخواهند شد. معمولاً برای اینکه مرورگر را مجبور کنیم که از باز کردن فایل خودداری کند و آن فایل را فقط دانلود کند از کدهای سمت سرور استفاده میکردیم، اما حالا با استفاده از خاصیت download میتوانیم به مرورگر بگوییم که آن فایل را دانلود کرده و آن را باز نکند.

در ادامه همراه ما باشید…

استفاده از خاصیت Download

یک لینک معمولی مانند زیر است:

<a href="file/e4ptK9qd7bGT24e.pdf">Download PDF</a>
<a href="file/KU7Ba93M7t7ghbi.jpg">Download Image</a>

اما با استفاده از خاصیت download علاوه بر امکانی که در ابتدای مطلب گفته شد به ما میدهد، میتواند نام فایل را هم تغییر بدهد. برای مثال در کد بالا فایل با نام e4ptK9qd7bGT24e.pdf در سیستم کاربر ذخیره می‌شود. اما در کد زیر با نامی که ما انتخاب می‌کنیم ذخیره خواهد شد.

<a href="file/e4ptK9qd7bGT24e.pdf" download="10 Things You Should Know.pdf">Download PDF</a>
<a href="file/KU7Ba93M7t7ghbi.jpg" download="wii.jpg">Download Image</a>
  • میشه خاصیت href رو مقدار دهی کرد بعد رویداد onclick رو با جاوا اسکریپت کد نویسی کرد ولی مقدار ریترن اون رو return false قرار داد که در صورت فعال بودن جاوا اسکریپت دانلود فایل انجام بشه و در صورت غیر فعال بودن خاصیت href‌عمل کنه پس وقتی جاوا اسکریپت فعال باشه دانلود میکنه و در غیر این صورت اون فایل رو با اجازه کاربر اجرا یا باز میکنه.

  • امیر امامی می‌گه:

    سلام محسن جان. من ی ایمیل زده بودم بت. می خواستم ببینم رسید؟ :)

  • مانی می‌گه:

    جالب بود و نشنیده بودم. سپاسگزارم.

  • ندا می‌گه:

    چه ویژگی خوبی.
    حالا توی همه مرورگرها فعاله؟

  • علی می‌گه:

    بسیار ویژگی عالی هست. اینجوری میشه از دست نام های عجیب و غریب فایل های دانلود شده از سرویس های آپلود راحت شد! ممنون.

  • حسین کربلایی می‌گه:

    محسن جان عالی بود یه سه چهار روزی در دسترس نبودی انشاءالله مثل همیشه مطالب جدید ارائه بدی.


  • نظرات این مطلب بسته است.