The page was not displayed because the request entity is too large.

Question

User1510859543 posted

We have a website to allow customers to upload up to 7 images.  If the total size is large we get the above error.  I looked up the error and it was suggested to add the line below to the web.config file.  When I did that the website blew an http 500 error with no trace of why. If I took the line out of web.config the error 500 went away.  What can I do to fix this and also, is there a way in js or jQuery where I can check the size of files before uploading?

<serverRuntime uploadReadAheadSize="10485760" />

Answer 1

User-943250815 posted

To allow more than default 4Mb, I use "maxRequestLength" https://docs.microsoft.com/en-us/dotnet/api/system.web.configuration.httpruntimesection.maxrequestlength?view=netframework-4.8

Check this article for more info https://weblog.west-wind.com/posts/2016/apr/06/configuring-aspnet-and-iis-request-length-for-post-data

Also since I never had to go over about 28.6M I never had to set "maxAllowedContentLength"

Answer 2

User288213138 posted

Hi dlchase,

You can try to increase the maximum upload file size in IIS by following steps:

1.   To modify the maxAllowedContentLength setting in the web.config
2.   To edit the features settings by filtering and enable the desired limit in the IIS manager
3.   To manually edit the file ApplicationHost.config

And you can try this way to check the size of files  in jquery:
The code:

<div>
            <input type="file" id="myFile" />
        </div>
<script>
        $(document).ready(function () {
            $("#myFile").change(function () {
                alert($("#myFile")[0].files[0].size);
              
            })

        })
    </script>

The result:

Best regards,

Sam