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,22 +85,43 @@ 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);
+      reader.addEventListener(
+        'load',
+        async () => {
+          // this will then display a text gpxfile
+          const tags = ExifReader.load(reader.result);
+          console.log({
+            caller: 'ImportSingleFile / Jpeg',
+            file,
+            type: file.type,
+            result: reader.result,
+            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',
-          gpxFile: file,
+            file,
-          result: gpxReader.result,
+            type: file.type,
+            result: reader.result,
           });
-        parseGpx(gpxReader.result);
+          parseGpx(reader.result);
         },
         false
       );
     }
+  }
   const doImport = async () => {
     setState('importing');
     //       console.log({ caller: 'GpxImport / JSON', file, gpx });