I am encountering an issue while attempting to send an array of bytes using a POST request. In my server-side implementation, I am utilizing Node.js and Express.js. Unfortunately, I am receiving error code 413 or the page becomes unresponsive ('PayloadTooLargeError: too many parameters').
My variable 'base64' holds the following value:
data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAYGBgYHBgcICAcKCwoLCg8ODAwODxYQERAREBYiFRkVFRkVIh4kHhweJB42KiYmKjY+NDI0PkxERExfWl98fKcBBgYGBgcGBwgIBwoLCgsKDw4MDA4PFhAREBEQFiIVGRUVGRUiHiQeHB4kHjYqJiYqNj40MjQ+TERETF9aX3x8p//CABEIBLAGQAMBIgACEQEDEQH/x...
My variable 'bytes' has the following representation:
Uint8Array(294508) [255, 216, 255, 224, 0, 16, 74, 70, 73, 70, 0, 1, 1, 0, 0, 1, 0, 1, 0, 0, 255, 219, 0, 132, 0, 6, 6, 6, 6, 7, 6, 7, 8, 8, 7, 10, 11, 10, 11, 10, 15, 14, 12, 12, 14, 15, 22, 16, 17, 16, 17, 16, 22, 34, 21, 25, 21, 21, 25, 21, 34, 30, 36, 30, 28, 30, 36, 30, 54, 42, 38, 38, 42, 54, 62, 52, 50, 52, 62, 76, 68, 68, 76, 95, 90, 95, 124, 124, 167, 1, 6, 6, 6, 6, 7, 6, 7, 8, 8, 7, ...]
To tackle this issue, I have attempted to set the limit using 'body-parser' in my app.js file. Below is the snippet of code for my POST request:
var bodyParser = require('body-parser');
app.use(bodyParser.json({limit: '50mb'}));
app.use(bodyParser.urlencoded({limit: '50mb', extended: true}));
<input onchange="openFile(event)" type="file" id="FileUpload">
function openFile(event) {
var input = event.target;
var reader = new FileReader();
reader.onload = function() {
var base64 = reader.result;
var bytea = base64ToArrayBuffer(base64); //This converts to bytea
$.post('/user/update', {username: user.firstname, profilePicture: bytea}, function(err) {
if(err) {
alert(err);
} else {
alert("Miracle");
}
});
};
reader.readAsDataURL(input.files[0]);
}
My expectation is for the package to successfully reach the server and store the data.