Error during serialization or deserialization using the JSON javascriptserializer in ASP.NET MVC controller

Question

0.00/5 (No votes)

See more:

, +

I stored images in database in base_64 format. Fetching that data from a controller to html using Ajax. While fetching record from in controller, I get the following error in custom filter exception:

Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property.

cshtml - Ajax callled:

function imagepop(no) {
     $.ajax({
                type: "POST",
                contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
                url:"/Controller/GetImage",
                //data: arr,
                data: { 'No': no, 'filetype': obj, 'pageNo': pageNo },
                //dataType: "json",
                success: function (result) {
                    debugger;
                    $("#loader_Prcessing").hide();
                    if (result.Status == "200") {   
                    }
                }
            });
}

Controller:

public JsonResult GetImage(string no, string filetype, string pageNo)
{
    var jsonResult = Json(OutputInfo.lstUploadImgVideoDoc, JsonRequestBehavior.AllowGet);

    jsonResult.MaxJsonLength = int.MaxValue;

    return Json(jsonResult);
}

web.config:

<system.web.extensions>
    <scripting>
        <webServices>
            <jsonSerialization maxJsonLength="2147483647"/>
        </webServices>
    </scripting>
</system.web.extensions>

I stored images in database in base_64 format. Fetching that data from a controller to html using Ajax. While fetching record from in controller, I get the following error in custom filter exception:

Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property.

cshtml - Ajax callled:

function imagepop(no) {
$.ajax({
type: "POST",
contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
url:"/Controller/GetImage",
//data: arr,
data: { 'No': no, 'filetype': obj, 'pageNo': pageNo },
//dataType: "json",
success: function (result) {
debugger;
$("#loader_Prcessing").hide();
if (result.Status == "200") {
}
}
});
}
Controller:

public JsonResult GetImage(string no, string filetype, string pageNo)
{
var jsonResult = Json(OutputInfo.lstUploadImgVideoDoc, JsonRequestBehavior.AllowGet);

jsonResult.MaxJsonLength = int.MaxValue;

return Json(jsonResult);
}
web.config:

<system.web.extensions>
<scripting>
<webservices>
<jsonserialization maxjsonlength="2147483647">

Is there any solution for this at the config level? OR any suggestion with minimum changes in code.

What I have tried:

I tried many thing as suggest on google but not succeded,Please help on this

Posted 2-Feb-23 17:29pm

Akshay malvankar

Updated 2-Feb-23 17:40pm

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dave Kreskowiak · Accepted Answer · 2023-02-02T17:40:00

First, storing images in the database as anything other than binary is just going to make the image data quite a bit larger than if you just stored the bytes in a binary field, especially using base-64 encoding.

Next, wrapping all that in a json string only makes it worse.

The <jsonserialization maxjsonlength="" /> value in web.config is ignored now-a-days. Yes, there is a way around this, and you are already doing it!

The problem with your code is you're throwing out the good JsonResult object and creating an entirely new one and returning that. The fixed code should look more like this:

C#

public JsonResult GetImage(string no, string filetype, string pageNo)
{
    var jsonResult = Json(OutputInfo.lstUploadImgVideoDoc, JsonRequestBehavior.AllowGet);

    jsonResult.MaxJsonLength = int.MaxValue;

    return jsonResult;
}