PNG data urls trigger an access denied error in IE 11

[stof]

Describe the bug
When trying to crop a PNG image provided as a data-URL, IE 11 triggers an Access Denied error. JPEG is working fine.

Expected behavior
PNG works fine too.

Desktop:

• OS: Windows
• Browser: IE
• Version: 11

Additional context

cropperjs/src/js/cropper.js

Lines 119 to 122 in 2df11cc

	if (REGEXP_DATA_URL_JPEG.test(url)) {
	this.read(dataURLToArrayBuffer(url));
	return;
	}

has some special handling for JPEG data URLs. Shouldn't the same be done for other data URLs ?

[stof]

why adding the "question" label ? This looks like a bug to me.

[fengyuanchen]

In general, the cropper will continue to work after the error caused.

More details: https://github.com/fengyuanchen/cropperjs/blob/master/src/js/cropper.js#L130-L136

[stof]

but why reading the data url directly for JPEG but not for PNG ?

[stof]

oh, and in IE 11, this does not continue to work based on our experience.

[fengyuanchen]

Only a JPEG image includes the orientation Exif information.

[HaSangKyung]

@stof
Hi, I think you should define polyfill for toBlob function.
Please try add this scripts on your page.

https://github.com/eligrey/canvas-toBlob.js/blob/master/canvas-toBlob.js

[stof]

@fengyuanchen but then, why trying to do an AJAX request to load the metadata for PNG data-urls ? Any data-url could still be loaded directly

[fengyuanchen]

@stof You are right. I will improve this soon.