My jQuery based client-side resizing doesn't work when uploading an image

Enforcing a size limitation on content uploaded via the jQuery plugin is supported by setting the imageMaxWidth and imageMaxHeight BlueImp parameters.

Make sure to include the necessary .js files to enable the client-side image-processing.

In addition, Blueimp offers a parameter to limit the size of images loaded for processing. Setting the loadImageMaxFileSize parameter, makes sure that all images under the specified limit (10MB by default) will be processed on the client-side. Larger images will bypass the processing mechanism and will proceed to upload (subject to maxFileSize parameter limitations).