uploading a picture error - payload too big

Question

so i'm doing this project i got in React - and i need to upload a picture (and send it to the Database - express) im using file Reader and sending base64 string to the server ( i have npm that converts it to photo) it works perfect but i do have 1 problem, it only lets me upload small pictures / low quality images , and if the picture is too big , i get this error -

Failed to load resource: the server responded with a status of 413 (Payload Too Large)

what can i do to fix it and let it send bigger pictures?

my code in React -

async fileLoader(ev){
        if(ev.target.files[0]){
            var reader = new FileReader();
            var files = ev.target.files;
            let res = await reader.readAsDataURL(files[0]);
            debugger;
            var newFileName = files[0].name
            setTimeout(()=>{
                this.setState({fileData:reader.result , fileName:newFileName})
            }, 30)
        }
    }

Maria Hernández García · Answer 1 · 2019-03-03T08:56:33.530

0

This is a response from your server that is managing the file upload.

What HTTP server is in front of the database?

For NGINX see: nginx / 413 Request Entity Too Large

You may also need to find where the maximum file upload limits are in your node.js application.

edited Mar 03 '19 at 08:56

answered Mar 03 '19 at 08:50

Maria Hernández García

1
2

how can i find where are the file upload limits? – Àtishking Mar 03 '19 at 09:02
What is the backend, where you are uploading the image to? You will be calling a URL for the image upload request, where is that hosted? – Maria Hernández García Mar 03 '19 at 09:05
im uploading the image to uploads folder which found in Public folder in my express project. – Àtishking Mar 03 '19 at 09:10
Try this answer: https://stackoverflow.com/questions/13374238/how-to-limit-upload-file-size-in-express-js – Maria Hernández García Mar 03 '19 at 09:49
The previous link sent seems to be for an older version of Express. I assume you are on the latest, current version 4. See: https://stackoverflow.com/a/54660542/10933704 – Maria Hernández García Mar 03 '19 at 10:45

uploading a picture error - payload too big

1 Answers1