Skip to content Skip to sidebar Skip to footer
Home / Upload Image Bigger Than 5 Mb to Sql Server

Upload Image Bigger Than 5 Mb to Sql Server

Post a Comment

The size of an uploaded file is an of import factor for considering the storage capacity. We cannot allow an infinite file size to be uploaded by the finish-users considering this volition crusade only one user to fill the server storage chapters in the worst case scenario. Well, that could crusade a lot of issues at the dorsum-end server. So, restricting or limiting the upload file size is i of the fundamental business organization requirements of the spider web application. Sometimes, simply image files are accepted by the web application, sometimes just documents, and sometimes the combination of image, documents, and compressed file types are accepted by the web arrangement.

Today, I shall be demonstrating limiting/restricting of upload file size past implementing a custom data annotation/aspect component on ASP.Net MVC5 platform. This article is not specific to image files but, you tin use the provided solution with any blazon of file format also.

Prerequisites

Following are some prerequisites before yous proceed any further in this tutorial.

  1. Knowledge of ASP.Cyberspace MVC5
  2. Knowledge of HTML
  3. Knowledge of Bootstrap
  4. Knowledge of C# Programming

You can download the complete source code for this tutorial or you tin can follow the stride by stride discussion below. The sample code is existence adult in Microsoft Visual Studio 2015 Enterprise.

Allow'due south begin now.

Step 1

Create a new MVC web project and proper noun information technology "ImgFileSizeLimit".

Step 2

You demand to add together/update the values of "executionTimeout", "maxRequestLength" & "maxAllowedContentLength" properties if not already added in the "Web.config" file, equally shown beneath.

  1.   .....
  3. < system.web >
  4. < authentication mode = "None" />
  5. < compilation debug = "true" targetFramework = "4.five.2" />
  7. < httpRuntime targetFramework = "4.five.ii" executionTimeout = "108000" maxRequestLength = "1073741824" />
  8. </ organization.web >
  9. < organization.webServer >
  11. < security >
  12. < requestFiltering >
  13. < requestLimits maxAllowedContentLength = "1073741824" />
  14. </ requestFiltering >
  15. </ security >
  17.   .....
  19. </ system.webServer >
  21.   .....

executionTimeout -> The amount of time required to procedure your asking on the web server; The value is provided in seconds.

maxRequestLength -> The maximum size which your request can capture and send to the web server; The value is provided in bytes.

maxAllowedContentLength -> The maximum allowed size of your content (e.m. file, text data etc) to be sent to the web server; The value is provided in bytes.

Stride 3

Open the "Views->Shared->_Layout.cshtml" file and supersede the lawmaking with the following code in it.

  1. <!DOCTYPE html >
  2. < html >
  3. < head >
  4. < meta charset = "utf-8" />
  5. < meta name = "viewport" content = "width=device-width, initial-scale=one.0" >
  6. < title > @ViewBag.Title </ title >
  7.     @Styles.Render("~/Content/css")
  8.     @Scripts.Render("~/bundles/modernizr")
  11. < link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/font-awesome/iv.four.0/css/font-awesome.min.css" />
  13. </ head >
  14. < body >
  15. < div class = "navbar navbar-inverse navbar-fixed-top" >
  16. < div class = "container" >
  17. < div class = "navbar-header" >
  18. < button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = ".navbar-collapse" >
  19. < span form = "icon-bar" > </ bridge >
  20. < bridge class = "icon-bar" > </ span >
  21. < span class = "icon-bar" > </ span >
  22. </ push button >
  23. </ div >
  24. </ div >
  25. </ div >
  26. < div class = "container torso-content" >
  27.         @RenderBody()
  28. < hr />
  29. < footer >
  30. < heart >
  31. < p > < strong > Copyright © @DateTime.At present.Twelvemonth - < a href = "http://wwww.asmak9.com/" > Asma's Web log </ a > . </ stiff >  All rights reserved. </ p >
  32. </ centre >
  33. </ footer >
  34. </ div >
  36.     @*Scripts*@
  37.     @Scripts.Return("~/bundles/jquery")
  39.     @Scripts.Render("~/bundles/jqueryval")
  40.     @Scripts.Return("~/bundles/bootstrap")
  42.     @RenderSection("scripts", required: false)
  43. </ body >
  44. </ html >

In the higher up lawmaking, I take only created a basic default layout page and linked the crave libraries into it.

Step 4

Create a new "Helper_Code\Common\AllowFileSizeAttribute.cs" file and paste the following code in it.

  8. namespace  ImgFileSizeLimit.Helper_Code.Mutual
  9. {
  10. using  System;
  11. using  Arrangement.Collections.Generic;
  12. using  System.ComponentModel.DataAnnotations;
  13. using  System.Linq;
  14. using  Organisation.Web;
  19.     [AttributeUsage(AttributeTargets.Field | AttributeTargets.Property, AllowMultiple =imitation , Inherited = truthful )]
  20. public grade  AllowFileSizeAttribute : ValidationAttribute
  21.     {
  22.         #region Public / Protected Properties
  27. public int  FileSize { get ; set ; } = 1 * 1024 * 1024 * 1024;
  29.         

Post a Comment for "Upload Image Bigger Than 5 Mb to Sql Server"