Steps to reproduce the issue

Bug DragInDrop.
The standard <input type="file"/> field supports drag and drop. You can take an image file and drag it to the file field in any form of any Chromium-based browser site.
However, this function does not work when dragging a file to the image field in the material editor.
The modified file field should inherit from the <input type="file"/> field, we can use the tag, and add more functions. But you should always use the standard field <input type= "file"/>.
However, the material editor uses the <input type="TEXT"/> field without using the <LABEL>tag.
.
It is important to note that the field supposedly serves for the name of the file selected from the server. However, you can't change the name manually, which means it doesn't matter to the user what type of field this field actually is. If this is the case, we can use the hidden field <input type="hidden" name="filename"/>, but use the open field <input type="file"/> to upload and drag the file to the content editor.
.
The PHP language perfectly supports all the functions of working with WEBP images natively .
C hromium browsers natively support a ll functions o f working with WEBP images .
All viewers support the WEBP format.
MS Paint supports the HEIC format.
However, you need libraries to convert HEIC to PHP. the WEBP format is supported by PHP natively.