Any way to restrict image size on upload?

Question

I have some fields where multiple images are uploaded. These images need to be created manually to ensure they're cropped correctly, and I want to ensure that each field only accepts an image cropped to exact dimensions. I don't want to crop the images programatically.

For example, field 1 accepts an image cropped exactly to 1000px by 300px, field 2 accepts 700px by 250px, and so on.

Wondering if there's any way to have this kind of validation in Expression Engine, either with a plugin or core functionality?

Answer 1

In order for ExpressionEngine to know anything at all about the images they would first need to be uploaded.

Perhaps something like this? http://blueimp.github.com/jQuery-File-Upload/

You'd need to look for something that worked on the client side via Flash or Javascript which could test the file before the upload process starts.

Answer 2

From what i understand from your question you need Ansel: https://buzzingpixel.com/software/ansel-ee

We had some issues getting this to work with Zurb Foundation though. We implemented a solution with the help of https://fengyuanchen.github.io/cropperjs/