ClientSide functionalities UploadBox & UploadProgress | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (179).NET Core  (29).NET MAUI  (214)Angular  (110)ASP.NET  (51)ASP.NET Core  (83)ASP.NET MVC  (90)Azure  (41)Black Friday Deal  (1)Blazor  (226)BoldSign  (15)DocIO  (24)Essential JS 2  (109)Essential Studio  (200)File Formats  (68)Flutter  (133)JavaScript  (226)Microsoft  (120)PDF  (81)Python  (1)React  (105)Streamlit  (1)Succinctly series  (131)Syncfusion  (942)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (52)Windows Forms  (61)WinUI  (71)WPF  (163)Xamarin  (161)XlsIO  (38)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (9)Business intelligence  (55)Button  (4)C#  (157)Chart  (140)Chart of the week  (54)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (70)Development  (658)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (7)Essential Tools  (14)Excel  (43)Extensions  (22)File Manager  (7)Gantt  (19)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (512)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (43)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (54)Security  (4)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (14)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (393)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (614)What's new  (333)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

ClientSide functionalities UploadBox & UploadProgress

The coolest part of any ASP.NET control lies in how highly it’s customizable, both on the client side and server side. The Syncfusion UploadBox and the UploadProgess controls provide a bundle of rich client-side options that would be a part of making any ASP.NET application complete. Some of the common business requirements with respect to integrating the upload module to any application are:

  • Support for multiple uploads.
  • Rich client-side and server-side API.
  • Built-in validations.
  • File filter support.
  • Support for information about the upload.

The Syncfusion UploadBox, along with the UploadProgress control, supports the above business requirements. One of the most needed client-side functionalities is checking the size of a file before uploading to the server. This can be achieved using ActiveXObject – Scripting.FileSystemObject. But this is not a reliable solution, as this works only if ActiveX is enabled/supported by the thin client.

Syncfusion UploadBox with UploadProgress in 2010 Vol. 3 will support validating the size of a file in JavaScript before the file is completely uploaded to the server. This will be achieved using the GetTotalFileSize() client-side method in the “ClientSideOnUploading” client event of the UploadBox. Below is a code snippet used to achieve this.

function checkSize() {
    var size = upbox.GetTotalFileSize(); //Get the size of the current file being uploaded         
    if (size > 314572800) {
        upbox.CancelUploadFile(); //Cancel the upload if the file size is greater than any value in bytes.
        return false;

This ClientSideOnUploading event will be called once the upload has started, so that the file size is retrieved through the UploadProgress module attached to the upload box. By using the ClientSideOnUploading event of the UploadBox, it is possible to do some business logic when the upload starts so that there is no need for waiting till the file is uploaded to the server, thereby saving time and bytes.


Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed