Question: upload image to server at drag/drop

[MRB60]

Again, thanks for your great work here!
When an image is dragged and dropped into editor window, it always get inline base64 encoded. I need to have it sent to server instead (contents gets too large with base64).
It works fine with the image plugin, but not at drag/drop. Do you have any guideline on how I can achieve this also for images inserted with drag/drop?
onImageUpload() gets called but e.g. not onImageUploadBefore(). I set imageUploadUrl but see nothing sent to server at drag/drop.

[JiHong88]

Hi,
The issue is not reproduced.
Image drop and dialog popup action are call same methods.
Are the plugin and drag/drop behavior different in the same editor?

[MRB60]

Update:
I am on a Linux Mint laptop.
I did a mistake and did a drag/drop on images in Google Search images result - these thumbs are themselves base64 encoded - so no surprise they get base64 encoded in Suneditor.
I prohibit copy/paste by using onPaste(). Drag/drop however causes no onPaste() event, instead onDrop() and onImageUpload() are called. Is there a possibility to check contents somewhere and return false to prohibit "drop"?
Otherwise, Suneditor either uploads images (e.g. drag/drop via file manager) or link the url if drag/drop, copy/paste on most web pages. All fine.

[JiHong88]

I'll adjust the timing the "onDrop" user event to called before excuting the editor action.
You can use it like the current "onPaste" event.

[MRB60]

Thanks!
Here is an example how a drop event (here only string: text/html) can be checked to prohibit base64 encoded drop in onDrop():

for (let i = 0; i < ev.dataTransfer.items.length; i++) {
   if (ev.dataTransfer.items[i].kind === 'string' && ev.dataTransfer.items[i].type === 'text/html') {
      ev.dataTransfer.items[i].getAsString(function (s) {
         if (s.includes('<img') && s.includes('base64')) {
            alert ("Error: image type not supported");
            return false;
         } else if (s.length > 2047) {
            alert ("Error: Drop element too large");
            return false;
         }
      });
   }
}
return true;

[JiHong88]

The 2.29.0 version has been updated.
If this issue has not been resolved, please reopen this issue.
Thank you.