MEANJS : 413 (Request Entity Too Large)

Question

I am using a MEANJS stack, I upload an image using ng-flow and save the imgsrc as base64 url.

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARkAAACzCAYAAAC94GgrA....

Here is my mongoose schema:

var ServiceSchema = new  mongoose.Schema({
    name : String,
    url: String,
    description : String,
    category : String,
    imgsrc: String
});

I run into a Request Entity Too Large server error for large images.

I could resize the image prior to upload but this still only allows me image of size 200 x 200

$scope.resizeimageforupload = function(img){
        var canvas = document.getElementById('canvas');

        var MAX_WIDTH = 200; //400; too big still
        var MAX_HEIGHT = 200; //300 too big still
        var width = img.width;
        var height = img.height;

        if (width > height) {
          if (width > MAX_WIDTH) {
            height *= MAX_WIDTH / width;
            width = MAX_WIDTH;
          }
        } else {
          if (height > MAX_HEIGHT) {
            width *= MAX_HEIGHT / height;
            height = MAX_HEIGHT;
          }
        }
        canvas.width = width;
        canvas.height = height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, width, height);

        var dataURL = canvas.toDataURL("image/png");
        dataURL.replace(/^data:image\/(png|jpg);base64,/, "");

        return dataURL;
    };

Any ideas on a work around or alternate solution ?

request entity too large: 413

Error: request entity too large
    at makeError (Angular\expresstest\node_modules\body-parser\node_modules\raw-body\index.js:184:15)
    at module.exports (Angular\expresstest\node_modules\body-parser\node_modules\raw-body\index.js:40:15)
    at read (Angular\expresstest\node_modules\body-parser\lib\read.js:62:3)
    at jsonParser (Angular\expresstest\node_modules\body-parser\lib\types\json.js:87:5)
    at Layer.handle [as handle_request] (Angular\expresstest\node_modules\express\lib\router\layer.js:76:5)
    at trim_prefix (Angular\expresstest\node_modules\express\lib\router\index.js:270:13)
    at Angular\expresstest\node_modules\express\lib\router\index.js:237:9
    at Function.proto.process_params (Angular\expresstest\node_modules\express\lib\router\index.js:312:12)
    at Angular\expresstest\node_modules\express\lib\router\index.js:228:12
    at Function.match_layer (Angular\expresstest\node_modules\express\lib\router\index.js:295:3)

aarosil · Accepted Answer · 2015-01-02 21:15:31Z

32

You can add following to express config:

app.use(bodyParser.urlencoded({limit: '50mb'}));
app.use(bodyParser.json({limit: '50mb'}));

Basically you need to configure Express webserver to accept bigger request size. Replace 50mb with whatever maxsize you want to accept.

Hope this helps!!!

edited Jan 2, 2015 at 21:15

answered Oct 9, 2014 at 21:17

aarosil

4,8983 gold badges30 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Fabii Over a year ago

Worked great!; not sure what this was for : app.use(methodOverride({limit: '50mb'})); but it was undefined.

Chris Foster Over a year ago

@aarosil: Is methodOverride not needed at all then? Could you remove it from your answer if that's the case?

reaper_unique Over a year ago

This doesn't work for me. I added it but I keep getting the error that is in the OP.

reaper_unique Over a year ago

It seems like at some point after a customer provides his login using passport-local, raw-body is being loaded which has a limit size of 100 Kb.

lonelymo Over a year ago

@reaper_unique this is exactly my case too. What's the soln here?

|

user1709076 · Accepted Answer · 2016-05-06 20:44:14Z

0

2016, there may have been changes, i needed to set the 'type' in addition to the 'limit' for bodyparser, example: var bodyParser = require('body-parser');

  var app = express();
  var jsonParser       = bodyParser.json({limit:1024*1024*20, type:'application/json'});
  var urlencodedParser = bodyParser.urlencoded({ extended:true,limit:1024*1024*20,type:'application/x-www-form-urlencoding' })

  app.use(jsonParser);
  app.use(urlencodedParser);

answered May 6, 2016 at 20:44

user1709076

2,92610 gold badges43 silver badges62 bronze badges

Comments

Vivek S · Accepted Answer · 2020-05-12 05:34:36Z

0

Recently, I confronted with this issue and I just added app.use(bodyParser.json({ limit: "50mb" })); this one line in my express app, it just worked :)

And also one more thing don't forget to add above code line before app.use(bodyParser.json()) this otherwise, it won't work.

Whatever you set values regarding bodyparser you've to do before the above code line.

Because, express will go back to its default values and your change won't get effect. I hope this might help :)

answered May 12, 2020 at 5:34

Vivek S

3251 gold badge5 silver badges19 bronze badges

Collectives™ on Stack Overflow

MEANJS : 413 (Request Entity Too Large)

request entity too large: 413

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

request entity too large: 413

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related