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

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

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

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

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

طبیعتا تنها تگ برای لینک کردن مطالب , تگ <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 , باید پسوند فایل نوشته شود .

پخش اختصاصی

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