Image Upload In summernote Editor

If we use Summernote editor by normal process then it is not possible to upload images on the server because Summernote converts images to Base 64 format so when we save an image in the database then it takes too much space in the database. But with the help of some code we can upload images on the server through summernote editor. We have to use a default “onImageUpload” summernote function for image uploading.

Normal using process of Summernote –

By use of “onImageUpload” function on Summernote –

After that, we have to use our normal process for image uploading. Trough AJAX we can dynamically save images.

In the success function, we have to return the image path in which path we have uploaded the image. Then image will be shown on the Summernote editor.