جهت ورود به تالار گفتمان سایت کلیک کنید


آموزش خاصیت Download در Html5

برای این ساعت از سایت اسکریپت دات کام سعی دارم به آموزش یک خاصیت جدید و کمتر دیده شده در Html5 بپردازم …

همان طور که میدانید , با قرار دادن فایل با فرمت هایی نظیر jpg , png , gif , mp3 , mp4 , pdf و … در وب , به دلیل شناختن این نوع پسوند ها توسط مرورگر , فایل ها به صورت مستقیم در مرورگر باز میشوند .

پس در نتیجه برای دانلود این نوع فایل ها حتما باید بر روی آنها کلیک راست کرد . گزینه save رو انتخاب کرد …

در این آموزش شما متوجه خواهید شد که میتوانید با اضافه نمودن یک خاصیت , جلوی این کار را گرفته و از این به بعد همیشه فایل های شما دانلود خواهند شد …

آموزش ویژگی مهم خاصیت Download در Html5

طبیعتا تنها تگ برای لینک کردن مطالب , تگ <a> می باشد . مثلا برای لینک کردن یک فایل به اسم vms با پسوند jpg به این صورت عمل میکنیم .

<a href="images/vms.jpg">دانلود عکس</a>

تا اینجا با کلیک بر روی کلمه ( دانلود عکس ) , عکس در مرورگر به نمایش درخواهد آمد .

حال کافیست خاصیتی به نام download را به این تگ اضافه کنید . از این پس به هیچ عنوان با کلیک بر روی کلمه ( دانلود عکس ) , عکس نمایش داده نشده و سریعا دانلود خواهد شد .

<a href="images/vms.jpg" download="vms.jpg">دانلود عکس</a>

همان طور که در مثال بالا میبینید , مقدار این خاصیت را vms.jpg گذاشتم . حال این عکس با این نام ذخیره خواهد شد .

حتا شما میتوانید به جای vms.jpg هر اسم دیگری با همان پسوند گذاشته , تا در هنگام دانلود با همان اسم شما ذخیره شود .

به عنوان مثال :

<a href="images/vms.jpg" download="script.jpg">دانلود عکس</a>

 توضیح مثال : در بالا نام اصلی فایل vms هست ولی به نام script ذخیره خواهد شد .

توجه : 

1 – این خاصیت در مرورگر اینترنت اکسپلورر پشتیبانی نمیشود .

2 – حتما در خاصیت download , باید پسوند فایل نوشته شود .

پخش اختصاصی

آموزش : وحید مجیدی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

10 پاسخ به “آموزش خاصیت Download در Html5”

  1. قاسم پور گفت:

    خیلی جالب بود ممنون

  2. Amooo SiyA گفت:

    با سلام :
    داداش من این روش رو استفاده کرده بودم و کار میکرد
    مرور گرم رو آپدیت کردم و دیگه کار نمیکنه
    دانلود {title} با لینک مستقیم

  3. Amooo SiyA گفت:

    با سلام :
    وحید جان واقعا مرسی داداش خیلی به دردم خورد

  4. dashesi گفت:

    نایس

  5. هاست دایرکت ادمین گفت:

    مرسی به دردم خورد آقا وحید

  6. علی قربانی گفت:

    آقا خداوکیلی یه دونه ای .

    بد جور دنبال همچین چیزی بودم .

    دیدم که شما در مجتمع فنی تهران تدریس میکنید . شمارمو براتون اس ام اس کردم . لطفا به محض شروع شدن کلاس جدید منو بی خبر نزارید . میخوام بیام ثبت نام :X:X:X:X:X

    • وحید مجیدی گفت:

      خواهش میکنم داداشی . در خدمتم . اس ام استون رسید . چشم حتما

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *