TinyMCE Image upload using Laravel

TinyMCE is a popular open-source JavaScript library that provides a rich text editor for web applications.

When we insert or paste image into the editor, images_upload_handler handler function in TinyMCE is used to uploading of images to the server.

Update your tinymce initialize code as below, You need to make sure about selector and other plugins as per your requirement.

tinymce.init({
  selector: 'textarea',
  images_upload_url: 'route-to-your-upload-method',
  images_upload_handler: function (blobInfo, success, failure) {
    var xhr, formData;
    xhr = new XMLHttpRequest();
    xhr.withCredentials = false;
    xhr.open('POST', 'upload.php');
    xhr.onload = function() {
      var json;
      if (xhr.status != 200) {
        failure('HTTP Error: ' + xhr.status);
        return;
      }
      json = JSON.parse(xhr.responseText);
      if (!json || typeof json.location != 'string') {
        failure('Invalid JSON: ' + xhr.responseText);
        return;
      }
      success(json.location);
    };
    formData = new FormData();
    formData.append('file', blobInfo.blob(), blobInfo.filename());
    xhr.send(formData);
  }
});

Laravel Code in your Method

if(!empty($request->file))
{
    $location = Storage::put('/media', $request->file, 'public');
    return response()->json(['location' => $location]);
}
return response()->json(['error' => 'Error uploading file']);