آشنایی با کاربرد اَتریبیوت download در زبان HTML

آشنایی با کاربرد اَتریبیوت download در زبان HTML

شاید هنگام مقایسهٔ HTML5 با نسخه‌های پیشین در ابتدا عناوینی نظیر Storage ،History و Web Workers API مطرح شوند، اما مواردی نظیر اَتریبیوت download نیز در این نسخه وجود دارند که استفاده از آن‌ می‌تواند بسیار کاربردی و سودمند باشد. در واقع، هدف اصلیِ استفاده از این اَتریبیوت جلوگیری از نمایش یک فایل (به عنوان مثال PDF) در صفحهٔ مروگر و ایجاد اطمینان از دانلود شدن آن روی سیستم کاربر است.

همان‌طور که می دانید، در بسیاری از مرورگرهای امروزی فایل‌هایی نظیر تصویر، پی‌دی‌اف و غیره در صفحهٔ مروگر نشان داده می‌شوند، اما در گاهی اوقات لازم است تا فایل مورد نظر حتماً دانلود شده و روی سیستم کاربر ذخیره شود که در این صورت یکی از راحت‌ترین سولوشن‌ها، استفاده از اَتریبیوت download در تگ <a> است:

<a href="/images/my-image.jpg" download>

یکی دیگر از ویژگی‌های اَتریبیوت download امکان تغییر نام فایل هنگام دانلود آن توسط مرورگر است که در این حالت دیگر اهمیتی ندارد که فایل مورد نظر شما با چه نامی روی سرور ذخیره شده باشد بلکه به سادگی می‌توان نام فایل را با در نظر گرفتن یک مقدار برای این اَتریبیوت تغییر داد. برای مثال، در تگ زیر نام فایل به result.jpg تغییر پیدا خواهد کرد:

<a href="/images/my-image.jpg" download="result.jpg">

لازم به ذکر است اگرچه یکسری راه‌کارهای دیگری من‌جمله سِت کردن هِدِر نیز برای مجبور کردن مرورگر به دانلود چیزی وجود دارد، اما استفاده از اَتریبیوت download به دلیل سادگی پیاده‌سازی‌اش می‌تواند انتخاب مناسبی برای انجام این کار باشد.

از بهترین نوشته‌های کاربران سکان آکادمی در سکان پلاس


online-support-icon