Image component uploading state

[johnwatkins0]

Is your enhancement related to a problem? Please describe.

Currently, the Image component does not change state when an image is uploading. So if you upload a large image, there may be several seconds where nothing is happening. As a user this can be confusing. I suggest adding callback props to the component, one that runs when an upload starts and another that runs when an upload finishes. This way our components that use the Image component can provide an upload state. Alternatively, the Image component could handle that state itself.

https://github.com/WordPress/gutenberg/blob/trunk/packages/block-editor/src/components/media-placeholder/README.md#onfilespreupload onFilesPreUpload is probably useful.

Designs

No response

Describe alternatives you've considered

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[IayushCoderJOD]

@johnwatkins0 @fabiankaegy Can you assign me this issue?

[Sidsector9]

@IayushCoderJOD the issue has been assigned to you.

[pdewouters]

Could this also be causing an issue with the notice for "file exceeds the maximum upload size for this site." not appearing when uploading directly with the upload button? It does appear if I upload via the media modal