Resizing images before uploading

Good afternoon, my application already uploads images using <input type="file"> , but only images that are smaller than 2mb. I'm storing target.result in the database and returning <img> . A file above 2mb of a serialization error or exceeds the request limit. I would like to know if there is any way to reduce the image before doing the ajax request, in javascript. I'm researching and if I find I'll post it here.