Make WordPress Core

Opened 5 months ago

Last modified 5 months ago

#63671 new defect (bug)

Image Not Displaying or Editable in WordPress Media Editor

Reported by: mikinc860's profile mikinc860 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: major Version:
Component: Media Keywords: reporter-feedback
Focuses: ui Cc:

Description

When attempting to edit an uploaded image via the WordPress Media Library, the image does not display, and image editing functions (crop, scale, rotate) are not responsive or effective.

Steps to Reproduce:

  1. Go to Media > Library.
  2. Click on an uploaded image.
  3. Click on Edit Image/Edit more details option.
  4. Click on the Edit Image button.
  5. The image preview area is blank.
  6. Attempting any edits (e.g., cropping or scaling) has no effect.

Expected Behavior:
The image should be visible in the edit screen and allow cropping, scaling, and other edits.

Actual Behavior:
The image is not rendering in the preview panel, and none of the edit actions take effect.

Attachments (3)

WordPress Playground.mp4 (545.8 KB) - added by mikinc860 5 months ago.
playground-could-not-load-image.png (149.5 KB) - added by sabernhardt 5 months ago.
inspecting image element in Firefox: "Could not load the image"
playground-firefox-network-panel.png (126.3 KB) - added by sabernhardt 5 months ago.
Network panel, showing 200 response for the image

Download all attachments as: .zip

Change History (7)

#1 @audrasjb
5 months ago

  • Focuses accessibility javascript performance removed
  • Keywords reporter-feedback added

Hello and thanks for the report,

Is this a fresh WordPress 6.8.1 install without any plugin? Can you share the exact media file you uploaded?

#2 follow-up: @ankitkumarshah
5 months ago

  • Focuses accessibility javascript performance added
  • Keywords reporter-feedback removed

Hi @mikinc860,
Thank you for creating the Trac ticket. I’ve tested the issue using the latest WordPress trunk but wasn’t able to reproduce it there. However, I did encounter the issue in the WordPress Playground environment. Based on this, it seems the issue may be specific to Playground.

Screencast:

WordPress latest trunk:

https://ppgtp1rtd3.ufs.sh/f/TnWMEUzoUd85lTX7i9YW9Jq34mQpr7vHsZNoFtMB5gwRIhnz

WordPress Playground:

https://ppgtp1rtd3.ufs.sh/f/TnWMEUzoUd85TQ6sX1ezoUd852SnNLB0yhcIqkmJpWQibDYt

Last edited 5 months ago by ankitkumarshah (previous) (diff)

#3 @ankitkumarshah
5 months ago

  • Focuses accessibility javascript performance removed
  • Keywords reporter-feedback added

@sabernhardt
5 months ago

inspecting image element in Firefox: "Could not load the image"

@sabernhardt
5 months ago

Network panel, showing 200 response for the image

#4 in reply to: ↑ 2 @sabernhardt
5 months ago

it seems the issue may be specific to Playground.

I think so too.

I was able to reproduce on Playground, with network access enabled.

Image in media library editing tool:
<img id="image-preview-6" onload="imageEdit.imgLoaded('6')" src="/scope:energetic-hip-park/wp-admin/admin-ajax.php?action=imgedit-preview&amp;_ajax_nonce=817822f66d&amp;postid=6&amp;rand=55812" alt="">

The console included an error that occurred when the front page loaded (before uploading and editing the image, so not likely related):
Failed to load ‘’. A ServiceWorker intercepted the request and encountered an unexpected error. service-worker.ts:216:16

Note: See TracTickets for help on using tickets.