php – Summernote – Adding images with file-size limit-ThrowExceptions

Exception or error:

I’ve been googling everywhere to find a way to prevent any images bigger than 500kb but haven’t found a single solution. The reason why I’m trying to limit the file size of images is for mobile users using limited data plans.

I ended up believing that it’s impossible because summernote saves images as text something like this…..

<img style="width: 640px;" src="data:image/jpeg;base64,/9j/4Qv6RXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAeAAAAcgEyAAIAAAAUAAAAkIdp...............>

and generate back as an image when needed.

Do I still need to limit the file size even if I store them as text in DB?

If I have to, is there an api for this?

How to solve:

If i understand correctly you use this https://github.com/summernote/summernote/blob/develop/src/js/settings.js please check the maximumFileSize: ‘Maximum file size’, parameter in the image option. In there you can set the limit you want.

Answer:

You can limit the picture size in summernote plugin by adding these options:

$('.summernote').summernote({
    // your options... and
    maximumImageFileSize: 500*1024, // 500 KB
    callbacks:{
        onImageUploadError: function(msg){
           console.log(msg + ' (1 MB)');
        }
    }
});

Answer:

Check this link: https://github.com/summernote/summernote-rails/issues/22

$(‘.summernote’).summernote({
maximumImageFileSize: 1048576
});

Leave a Reply

Your email address will not be published. Required fields are marked *