بدست آوردن اطلاعات فایل از قبیل حجم و نام و... در جاوا اسکریپت

در این پست بهتون آموزش خواهم داد تا چگونه اطلاعات فایل از قبیل نام و حجم و زمان ایجاد فایل و... رو در جاو اسکریپت بدست بیارید.

برای اینکار من یک تابع ساده نوشتم که اطلاعات فایل رو میگره و بصورت alert بهمون نشون میده.

برای دریافت فایل از کاربر نیاز به یک input بصورت زیر داریم:

<input type="file" name="file" id="file" onchange="fileInfo()">

تابع fileInfo هم بصورت زیر هستش:

function fileInfo(){
    var fileName = document.getElementById('file').files[0].name;
    var fileSize = document.getElementById('file').files[0].size;
    var fileType = document.getElementById('file').files[0].type;
    var fileModifiedDate = document.getElementById('file').files[0].lastModifiedDate;
    
    var file_info = fileName+"\n"+fileSize+"\n"+fileType+"\n"+fileModifiedDate;
    alert(file_info);
}

در زیر کدهای استفاده شده در تابع fileInfo رو توضیح میدم.

var fileName = document.getElementById('file').files[0].name;

کد بالا میره بوسیله id؛ نام فایل رو از آرایه files بدست میاره.

بقیه موراد هم که واضحه size اندازه فایل رو برحسب بایت برمیگردونه و type هم نوع فایل رو بصورت MimeType برمیگردونه و lastModifiedDate  هم آخرین زمان تغییر فایل رو برمیگردونه.

مشاهده سورس کامل دموی کد

با عضویت در خبرنامه بیرگیک خیلی سریع‌تر از دیگران از مطالب جدید آگاه شوید.

ایمیل خود را وارد کنید:

ما هم مثل شما از اسپم متنفریم!

فرایند ارسال ایمیل و آگاه سازی شما توسط فیدبانر گوگل انجام میشه تا خیالتون از بابت اسپم راحت باشه!