fix: wrong image orientation on IOS device

Author: Donaldcwl

lib/utils.js

@@ -177,6 +177,24 @@ export function drawImageInCanvas(img) {
   return canvas;
 }
 
+/**
+ * Detect IOS device
+ * see: https://stackoverflow.com/a/9039885
+ * @returns {boolean} isIOS device
+ */
+function isIOS() {
+  return [
+    'iPad Simulator',
+    'iPhone Simulator',
+    'iPod Simulator',
+    'iPad',
+    'iPhone',
+    'iPod',
+  ].includes(navigator.platform)
+  // iPad on iOS 13 detection
+  || (navigator.userAgent.includes('Mac') && 'ontouchend' in document);
+}
+
 /**
  * drawFileInCanvas
  *
@@ -186,6 +204,9 @@ export function drawImageInCanvas(img) {
 export async function drawFileInCanvas(file) {
   let img;
   try {
+    if (isIOS()) {
+      throw new Error('Skip createImageBitmap on IOS device'); // see https://github.com/Donaldcwl/browser-image-compression/issues/118
+    }
     img = await createImageBitmap(file);
   } catch (e) {
     const dataUrl = await getDataUrlFromFile(file);