Smiley face

عنوان : بدست آوردن اندازه و پسوند فايل قبل از آپلود با استفاده از JQuery

1396/11/07 - 15:42:52
Get File Size And Extension Before Uploading Using jQuery


بدست آوردن اندازه و پسوند فايل قبل از آپلود با استفاده از JQuery

Get File Size And Extension Before Uploading Using jQuery

 

در این آموزش ما به شما نشان مي دهيم که چگونه می توانید حجم فایل و فرمت فایل را قبل از آپلود فایل با استفاده از JQuery بدست آورید. در اعتبارسنجی سمت سرویس گیرنده شما می توانید قبل از آپلود، اندازه و برنامه را بررسی کنید بدون نیاز به بررسی در سمت سرور، كه باعث صرفه جویی در زمان و کارایی فرم شما خواهد شد.

نمايش دمو

get_size_extension_jquery

برای دریافت اندازه فایل و فرمت آن تنها یک مرحله می گیرد:
1.یک فایل HTML ایجاد کنید و نشانه گذاری، اسکریپت و یک ظاهر طراحی شده را تعریف کنید


مرحله 1. ایجاد یک فایل HTML و نشانه گذاری، اسکریپت و یک ظاهر طراحی شده را تعریف کنید.
ما یک فایل HTML ایجاد می کنیم و آن را با نام get_file_extension.html ذخیره می کنیم.

<html>
<head>
<script src="jquery.js"></script>
<script>
function get_detail()
{
 var size=$('#file_upload')[0].files[0].size;
 var extension=$('#file_upload').val().replace(/^.*\./, '');
	
 $("#file_detail").html("File Size : "+size+" <br>Extension : "+extension+"");
}
</script>
<style>
body
{
 text-align:center;
 width:100%;
 margin:0 auto;
 padding:0px;
 font-family:helvetica;
 background-color:#58D3F7;
}
#wrapper
{
 text-align:center;
 margin:0 auto;
 padding:0px;
 width:995px;
}
#file_detail
{
 color:#086A87;
}
</style>
</head>
<body>
<div id="wrapper">

<input type="file" id="file_upload" name='file' onchange="get_detail();";>
<p id="file_detail"></p>

</div>
</body>
</html>

در این مرحله یک تگ فایل ایجاد می کنیم تا اندازه فایل و پسوند را برای آپلود فایل که از رویداد onchange استفاده می کنیم ایجاد کنیم و call getdetail () function call را در آن قرار می دهیم. در ()get_detail تابع مقدار اندازه فایل را دریافت می کنیم و برای دریافت پسوند فایل استفاده می کنیم. برای جایگزینی تمام رشته قبل از '.' و این باعث می شود که پرونده را گسترش داده و سپس اندازه و پسوند را نمایش می دهیم. همچنین می توانید آپلود فایل با نوار پیشرفت را دوست داشته باشید


همه اين موارد براي این است که چگونه فایل و پسوند را قبل از بارگذاری با استفاده از jQuery، به دست آورید. شما می توانید این کد را با توجه به نیاز خود سفارشی کنید.

1396/11/07 - 15:42:52
برچسب هاي مطلب :



شما اولين نفري باشيد كه نظر ارسال مي كند.

فرم ثبت نظر

نام و نام خانوادگی
ایمیل
وبلاگ
نظر و کامنت
كد امنيتي