Reading exif tags

src/components/import/ImportSingleFile.tsx

@@ -19,6 +19,7 @@ import {
   Filesystem as CapacitorFileSystem,
   Encoding,
 } from '@capacitor/filesystem';
+import ExifReader from 'exifreader';
 
 interface Props {
   file: File;
@@ -84,21 +85,42 @@ const ImportSingleFile: Component<Props> = ({ file: file }) => {
       parseGpx(content.data);
     });
   } else {
-    const gpxReader = new FileReader();
+    const reader = new FileReader();
-    gpxReader.readAsText(file);
+    if (file.type === 'image/jpeg') {
-    gpxReader.addEventListener(
+      reader.readAsArrayBuffer(file);
-      'load',
+      reader.addEventListener(
-      async () => {
+        'load',
-        // this will then display a text gpxfile
+        async () => {
-        console.log({
+          // this will then display a text gpxfile
-          caller: 'ImportSingleFile / XML',
+          const tags = ExifReader.load(reader.result);
-          gpxFile: file,
+          console.log({
-          result: gpxReader.result,
+            caller: 'ImportSingleFile / Jpeg',
-        });
+            file,
-        parseGpx(gpxReader.result);
+            type: file.type,
-      },
+            result: reader.result,
-      false
+            tags,
-    );
+          });
+          //parseGpx(reader.result);
+        },
+        false
+      );
+    } else {
+      reader.readAsText(file);
+      reader.addEventListener(
+        'load',
+        async () => {
+          // this will then display a text gpxfile
+          console.log({
+            caller: 'ImportSingleFile / XML',
+            file,
+            type: file.type,
+            result: reader.result,
+          });
+          parseGpx(reader.result);
+        },
+        false
+      );
+    }
   }
   const doImport = async () => {
     setState('importing');
@@ -113,9 +135,9 @@ const ImportSingleFile: Component<Props> = ({ file: file }) => {
         tech:
           typeof file === 'string'
             ? {
-                 importDate: new Date().toISOString(),
+                importDate: new Date().toISOString(),
                 uri: file,
-                 }
+              }
             : {
                 lastModified: new Date(file.lastModified).toISOString(),
                 importDate: new Date().toISOString(),