search

ebess / advanced-nova-media-library

A Laravel Nova field for displaying, creating, updating and ordering a Spatie Media Library model.
591 stars 295 forks source link

Bug: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported #380

Open dkudev opened 1 year ago

dkudev commented 1 year ago

when the image is loaded from another domain for example amazon Cloudfront from S3 and try to edit the image rotate/crop this exception is thrown DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. at a.onSave (https://cp.***.gr/nova-api/scripts/media-lib-images-field:2261:46) at Ft (https://cp.***.gr/vendor/nova/vendor.js?id=158eb2009eabe0a47c04:1:1137832) at HTMLButtonElement.n (https://cp.***.gr/vendor/nova/vendor.js?id=158eb2009eabe0a47c04:1:1139566) at Zr.o._wrapper (https://cp.***.gr/vendor/nova/vendor.js?id=158eb2009eabe0a47c04:1:1174767) Xt @ vendor.js?id=158eb2009eabe0a47c04:1 It @ vendor.js?id=158eb2009eabe0a47c04:1 Ht @ vendor.js?id=158eb2009eabe0a47c04:1 Ft @ vendor.js?id=158eb2009eabe0a47c04:1 n @ vendor.js?id=158eb2009eabe0a47c04:1 Zr.o._wrapper @ vendor.js?id=158eb2009eabe0a47c04:1

It seems is related with image tag atrribute crossOrigin="anonymous" but can not find a way to put it.

ozanhazer commented 1 year ago

@dkudev were you able to find any workarounds for this?

dkudev commented 1 year ago

Nope ;(

bkintanar commented 1 year ago

I'll try to check on this this week, latest during the weekend.