This documentation is for the old version. Go to the latest Upload Suite docs
Uploader.Progress Event
Supported browsers:
This event indicates the progress of the upload.
Syntax
ASP.NET
<script type="text/javascript">
function Uploader1_Progress(percent, uploadedFiles, totalFiles, uploadedBytes, totalBytes){
//...your code...
}
</script>
<aur:Uploader ID="Uploader1" runat="server">
<ClientEvents>
<aur:ClientEvent EventName="Progress" HandlerName="Uploader1_Progress" />
</ClientEvents>
</aur:Uploader>
PHP
<script type="text/javascript">
function Uploader1_Progress(percent, uploadedFiles, totalFiles, uploadedBytes, totalBytes){
//...your code...
}
</script>
<?php
$Uploader = new Uploader("Uploader1");
//...other params...
$Uploader->getClientEvents()->setProgress("Uploader1_Progress");
//...other params...
$Uploader->render();
?>
JavaScript
function Uploader1_Progress(percent, uploadedFiles, totalFiles, uploadedBytes, totalBytes){
//...your code...
}
$au.uploader({
events: {
//...other params...
progress: [Uploader1_Progress],
//...other params...
}
})
Parameters
- percent
-
Type: Number
Percentage of the whole upload process completion.
- uploadedFiles
-
Type: Number
Number of the completely uploaded files.
- totalFiles
-
Type: Number
Total number of files selected to be uploaded.
- uploadedBytes
-
Type: Number
Amount of the completely uploaded bytes. This parameter depends on the ProgressBytesMode value:
- ByPackageSize - this parameter returns the number of fully uploaded bytes of the current package;
- BySourceSize - this parameter returns the number of fully uploaded bytes of user-selected files, regardless of converted files and other auxiliary data.
- totalBytes
-
Type: Number
Total size (in bytes) of files selected to be uploaded. This parameter depends on the ProgressBytesMode value:
- ByPackageSize - this parameter returns the size of the currently uploaded package;
- BySourceSize - this parameter returns the total size of all user-selected files, regardless of converted files and other auxiliary data.
Remarks
This event allows you to implement a custom upload progress indicator directly in HTML code.