diff --git a/src/components/Preview/FileDetailView.tsx b/src/components/Preview/FileDetailView.tsx
index 43b23413b..47d21b9a9 100644
--- a/src/components/Preview/FileDetailView.tsx
+++ b/src/components/Preview/FileDetailView.tsx
@@ -43,7 +43,18 @@ export interface ActionState {
   [key: string]: boolean | string;
 }
 
-const fileTypes = ["nii", "dcm", "fsm", "crv", "smoothwm", "pial", "nii.gz"];
+const fileTypes = [
+  "nii",
+  "dcm",
+  "fsm",
+  "crv",
+  "smoothwm",
+  "pial",
+  "nii.gz",
+  "jpg",
+  "png",
+  "jpeg",
+];
 
 const FileDetailView = (props: AllProps) => {
   const [tagInfo, setTagInfo] = React.useState<any>();