Access-Control-Allow-Origin

[riccardolorenzon]

Hi,

Sometimes(i can't reproduce it though) i get a CORS exception while loading the image in the canvas, as result the image is rendered(with the crop) in a very small square area.
All the images i use are loaded from a S3 bucket(i already added the CORS configuration to it).

Am i the only one who is having this issue?

[DvirH]

I found a work around by loading the image to an element with image.setAttribute('crossOrigin', 'anonymous'); and blob it into the cropper.

[sekoyo]

Thanks for the fix (merged), will hopefully publish v1.0.0 over the weekend with this fix in it

[springuper]

crossorigin="anonymous" not works in Chrome 54.0.2840.98, and it works after removing this attribute. passing null to crossorigin property fixes it.

[Grantlyk]

I'm currently having an issue with this, is anyone still having this issue?

I've resolved my issue, as @springuper says:

<ReactCrop 
  src={image.src}
  onComplete={onReceiveCrop}
  crop={crop} 
  disabled={!image} 
  crossorigin={null} 
/>

Will make a PR for a solution at some point

[sekoyo]

Interesting, were you also trying to map the image on to a canvas?

[Grantlyk]

Yeah, all that stuff is working fine though

[sekoyo]

Cool, so sounds like undefined should be the default as it used to be

[Grantlyk]

Yup, that's what I was thinking -- Do you want to PR it or should I?

[sekoyo]

If you want to do it then great! I prob won't get around to it until friday/weekend cheers

[sekoyo]

Fixed in v2.0.0