RangeError on some larger sized JPGs: Offset is outside the bounds of the DataView

[djuerges]

Using this example file, you get the following stack trace and the image preview shows up empty.

core.js:6210 ERROR RangeError: Offset is outside the bounds of the DataView
at DataView.getUint16 ()
at readTags (eval at push.../node_modules/script-loader/addScript.js.module.exports (addScript.js:20), :2006:28)
at readEXIFData (eval at push.../node_modules/script-loader/addScript.js.module.exports (addScript.js:20), :2161:24)
at findEXIFinJPEG (eval at push.../node_modules/script-loader/addScript.js.module.exports (addScript.js:20), :1893:24)
at handleBinaryFile (eval at push.../node_modules/script-loader/addScript.js.module.exports (addScript.js:20), :1803:24)
at XMLHttpRequest.http.onload [as __zone_symbol__ON_PROPERTYload] (eval at push.../node_modules/script-loader/addScript.js.module.exports (addScript.js:20), :1831:21)
at XMLHttpRequest.wrapFn (zone-evergreen.js:1218)
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Object.onInvokeTask (core.js:41709)
at ZoneDelegate.invokeTask (zone-evergreen.js:398)

We use the library in the following way

<ui-cropper image="$ctrl.image | ngfDataUrl" result-image="$ctrl.ngModel" area-type="{{$ctrl.areaType}}" area-min-size="16" aspect-ratio="$ctrl.cropAspectRatio" result-image-size="$ctrl.imageSize" init-max-area="false" result-image-quality="0.8" result-image-format="$ctrl.contentType" on-load-begin="$ctrl.beforeChange()" on-load-done="$ctrl.onChange()" chargement="'PROCESSING' | translate">