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

گرفتن نام فایل آپلودی توسط JavaScritp

برای دریافت نام فایل انتخاب شده می تونید از کد زیر استفاده کنید.

ابتدا یک به کدهای html زیر دقت کنید.

<input id="ExcelFile" name="ExcelFile" type="file" accept=".xlsx, .xls" />
<span id="spnexcelname"></span>

 یک تگ با id برابر با ExcelFile داریم که از نوع file هست. یک تگ span هم داریم که میخوام نام فایل رو نمایش بدیم.

حالا کدهای زیر رو مشاهده کنید.

<script>
   $("#ExcelFile").change(function () {
      var filename = $('input[type=file]').val().split('\\').pop();
      $("#spnexcelname").text(filename);
   });
</script>

در جاوااسکریپت توسط event ها میتونیم برای هر رویداد کد نویسی کنیم. در اینجا از رویداد change استفاده کردیم و نام فایل رو در متغیر filename نگهداری کردیم که میتونید ازش استفاده کنید.