Missing Check for File Type Before Uploading Media for Avatar

[ankitguptaindia]

Location 1: Default Avatar Setting

Issue Description:

Any file type can currently be uploaded as an avatar in the file uploader within the Default Avatar Setting. This results in non-useful media being stored in the media library.

Expected Result:

The system should verify the file type before uploading it to the media library, ensuring that only supported image formats are accepted.

Steps to Reproduce:

1. Navigate to the Default Avatar Setting.
2. Click on the 'Choose Default Avatar' button.
3. Attempt to upload an unsupported file type, such as .zip, .pdf, .heic, etc.
4. Access the media library folder.
5. Observe the uploaded files.

Choose.Default.Avatar.mp4

---

Location 2: Avatar Setting Within User Profiles

Issue Description:

When users upload unsupported file types as their avatars, it results in a broken display on the crop screen area, leading to a suboptimal user experience.

Steps to Reproduce:

1. Access your user profile settings.
2. Navigate to the Avatar Setting section.
3. Attempt to upload an avatar file in an unsupported file format (e.g., .zip, .pdf, .heic).
4. After selecting the unsupported file, proceed to the next step, which typically involves cropping or adjusting the avatar.
5. Observe the display on the crop screen area.

Expected Result:

The avatar upload process should gracefully handle unsupported file formats, providing an informative message to the user.

Actual Result:

Currently, when an unsupported file type is uploaded as an avatar, it leads to a broken display on the crop screen area within the user profile, impacting the user experience.

Cros.Issue.mp4

Steps to Reproduce

Shared above

Screenshots, screen recording, code snippet

Environment information

No response

WordPress information

No response

Code of Conduct

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