Max file size in uploader control

[Rohit Swarup]

Hi,

We are using the Uploader component in our Angular app.

1) When I try to upload file of size around 28 MB, the file is uploaded successfully. When I try to upload file of size more than than let's say 35 MB then the UI is stuck at the custom loader in our implementation and no AJAX request is made, even no error is displayed for file size limit. (I can see a status message in uploadObj's selectedFiles array property.

Out backend service is capable of uploading larger files , We tried to upload files of 300,500 MBs from the Postman.

2) I tried using the maxFileSize property of the control to set the size of 50MB (in the binary format) -

public maxFileSize: 52428800;

This also does not work for me in case of larger files. No AJAX request is made and no message as form of warning/error provided on UI.

Is there any way to increase the file size limit for upload other than chunk upload.

A working sample would be really helpful.

Thanks in Advance.

[Ponmani Murugaiyan]

Hi Rohit, 

Thanks for contacting Syncfusion support. 

We would like to know you that web server allows to upload the limited file size only. If you want to upload the large size files to the web server, you need to override the maxRequestLength and maxAllowedContentLength in the web.config file for MVC application as backend. 

<system.web>  

    <compilation debug="true" targetFramework="4.6.1" />  

    <httpRuntime targetFramework="4.6.1" maxRequestLength="102400" />  

</system.web>  

<system.webServer>  

    <httpProtocol>  

        <customHeaders>  

            <add name="Access-Control-Allow-Headers"  

                value="accept, maxdataserviceversion, origin, x-requested-with, dataserviceversion,content-type, chunk-index, Authorization" />  

            <add name="Access-Control-Max-Age" value="104857600" />  

            <add name="Access-Control-Allow-Origin" value="*" />  

        </customHeaders>  

    </httpProtocol>  

    <security>  

        <requestFiltering>  

            <requestLimits maxAllowedContentLength="52428800" />  

        </requestFiltering>  

    </security>  

</system.webServer>  

Please find the sample from the below link: 

Sample Link for Angular: https://stackblitz.com/edit/angular-vg8h9l-qzafmc?file=app.component.ts    

Sample Link for MVC: http://www.syncfusion.com/downloads/support/directtrac/232406/ze/uploader_filesize529506186    

Please find the code snippet for Core application as backend. 

 

[web.config]  

<security>  

      <requestFiltering>  

        <!-- This will handle requests up to 50MB -->  

        <requestLimits maxAllowedContentLength="52428800" />  

      </requestFiltering>  

</security>  

Core Backend sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/backend559749392    

Kindly check with the above suggestion and sample. If issue still exists in your end, please revert us with issue replicating sample, which helps us to check and provide you the solution at earliest. 

Regards, 

Ponmani M