Make WordPress Core

Opened 10 months ago

Last modified 10 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 10 months ago.
playground-could-not-load-image.png (149.5 KB) - added by sabernhardt 10 months ago.
inspecting image element in Firefox: "Could not load the image"
playground-firefox-network-panel.png (126.3 KB) - added by sabernhardt 10 months ago.
Network panel, showing 200 response for the image

Download all attachments as: .zip

Change History (7)

#1 @audrasjb
10 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
10 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

Version 0, edited 10 months ago by ankitkumarshah (next)

#3 @ankitkumarshah
10 months ago

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

@sabernhardt
10 months ago

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

@sabernhardt
10 months ago

Network panel, showing 200 response for the image

#4 in reply to: ↑ 2 @sabernhardt
10 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.