توضیح قطعه کد آپلود به همراه نمایش progressBar

[mohammadreza0123]

سلام دوستان
به کد زیر یه نگاه بندازید:



<script type="text/javascript">
$(document).ready(function() {
$('#uploadForm').submit(function(e) {
if($('#userImage').val()) {
e.preventDefault();
$("#progress-div").show();
$('#loader-icon').show();
$(this).ajaxSubmit({
target: '#targetLayer',
beforeSubmit: function() {
$("#progress-bar").width('0%');
},
uploadProgress: function (event, position, total, percentComplete){
$("#progress-bar").width(percentComplete + '%');
$("#progress-bar").html('<div id="progress-status">' + percentComplete +' %</div>')
},
success:function (){
$('#loader-icon').hide();
},
resetForm: true
});
return false;
}
});
});


</script>






معنی کدهای زیر چیه


e.preventDefault();

uploadProgress: function (event, position, total, percentComplete){ $("#progress-bar").width(percentComplete + '%');
$("#progress-bar").html('<div id="progress-status">' + percentComplete +' %</div>')
},

و چرا آخر این کد رو گذاشت:
resetForm: true

[arenaw]

سابمیت شدن یه فرم، به این معنیه که صفحه مورد نظر لود بشه و اطلاعات فرم بهش ارسال بشه. ما اینجا میخوایم اطلاعات فرستاده بشه، اما نمیخوایم خود اون صفحه لود بشه (چون قصد داریم مراحل آپلود عکس رو نمایش بدیم)
فانکشن preventDefault باعث میشه که اکشن‌های پیش‌فرض هنگام سابمیت شدن، اجرا نشن. یه چیزی مثل اینکه ما جاش بنویسیم: return null، با این تفاوت که ادامه کدهای این بخش هم اجرا میشن.

قسمت دوم هم که شما دارید مقدار آپلود شده رو بر حسب درصد از پلاگین ajaxsubmit میگیرید و توی صفحه و داخل المنت progress، نمایش میدید.

[mohammadreza0123]

من خوب توضیحات رو نفهمیدم

لطفا ریز تر توضیح بدید

کدها رو
ممنون