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


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

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

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

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

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

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

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

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

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

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

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

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

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

توجه : 

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

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

پخش اختصاصی

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

  • امتیاز شما به این مقاله ؟
    خیلی بدبدمعمولیخوبخیلی خوب (1 رای: 5٫00 از 5)
  • جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

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

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

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

    2. Amooo SiyA گفت:

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

    3. Amooo SiyA گفت:

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

    4. dashesi گفت:

      نایس

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

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

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

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

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

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

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

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

    پاسخی بگذارید

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