PNG images fail to load completely in Cropper component without triggering any callbacks

[Arkjin-Chron]

Bug Description

I'm experiencing a critical issue where PNG images fail to load in the Cropper component. Unlike other reported issues, this is not a CORS problem - neither error nor ready callbacks are being triggered, and the component appears to be stuck in loading state.

Environment Details

• vue-advanced-cropper version: "^2.8.9"
• Vue version: "^3.2.37",
• Browser: [edge]

Steps to Reproduce

1. Use Cropper component with a PNG image URL
2. Open the dialog/modal containing the cropper
3. Observe that:
   • No @error callback is triggered
   • No @ready callback is triggered
   • The cropper area remains empty
4. The same component works perfectly with JPG images

Expected Behavior

PNG images should load and trigger appropriate callbacks (@ready on success or [@error])

Actual Behavior

• PNG images do not load in the cropper
• Neither @ready nor [@error] callbacks are triggered
• Component appears to be in a stuck/loading state
• Network panel shows successful 200 status for PNG image requests
• The same PNG images can be viewed directly in browser without issues

Additional Context

• Network requests for PNG images return 200 OK status
• PNG images can be accessed and viewed directly in browser
• JPG images work perfectly with identical component configuration
• Server response headers include proper content type: Content-Type: image/png
• This issue occurs in production environment but not consistently in local development

test image url

• https://scm-static.wdtdata.com/7/image/20250902/43a4839df1dc4e3f82589ed58ae571f0.png