Upload multiple files by dropping on image placeholder

[sainthkh]

• Closes Images: Support for drag-and-drop multiple images onto image block #9783

Description

You can upload multiple images by dropping them on image placeholder.

How has this been tested?

I manually tested it and I'm trying to find ways to write automated code. But it's hard to find good example for drag and drop.

Screenshots

Types of changes

New feature.

Checklist:

• [??] My code is tested.
• My code follows the WordPress code style.
• [N/A] My code follows the accessibility standards.
• My code has proper inline documentation.
• [N/A] I've included developer documentation if appropriate.
• [N/A] I've updated all React Native files affected by any refactorings/renamings in this PR.

[paaljoachim]

Hi @sainthkh

How can we help?

[draganescu]

Howdy @sainthkh! Thanks for the work here. Could you bring this PR up to date with trunk so testing becomes easier? Thank you 👏🏻

[paaljoachim]

I believe that @Mamaduka George has earlier worked on something similar to this.
George perhaps you can take a look when you have the chance?

[paaljoachim]

Actually this might be something for @glendaviesnz to check out after the Refactored Gallery plugin has been added to the Gutenberg plugin. As uploading multiple images one should have the option to either create a gallery or upload as individual images.

[glendaviesnz]

As uploading multiple images one should have the option to either create a gallery or upload as individual images.

I am not sure how the UI would look for this, but it would help reduce any confusion if the user got some sort of prompt to select individual images or a gallery when dropping multiple image files. Could be worth adding a issue for this as you note to follow up after the gallery refactor is merged.

[paaljoachim]

Hey Glen @glendaviesnz
I made a new issue that we can add to the Gallery project board.
#33348

[Mamaduka]

Thank you for this PR. I appreciate it, but I will close it as stale for now. Please note that any closed issue can always be reopened if additional information becomes available.