diff --git a/client/src/pages/jobs-documents/jobs-documents.page.jsx b/client/src/pages/jobs-documents/jobs-documents.page.jsx
index 95d7269a5..da1c68a83 100644
--- a/client/src/pages/jobs-documents/jobs-documents.page.jsx
+++ b/client/src/pages/jobs-documents/jobs-documents.page.jsx
@@ -68,7 +68,6 @@ function JobsDetailPage({ match, loading, data }) {
   });
 
   const test = props => {
-    // axios.get("http://localhost:5000/test").then(r => console.log("r", r));
     axios({
       url: "/test",
       method: "get"
@@ -151,10 +150,20 @@ function JobsDetailPage({ match, loading, data }) {
     </div>
   );
 
-  const transformFile = props => {
-    console.log("Transforming file.", props);
-    //Make the image smaller here.
-    return props;
+  const transformFile = file => {
+    console.log("Transforming file.", file);
+    // Make the image smaller here.
+
+    const reader = new FileReader();
+
+    reader.onload = e => {
+      console.log(e.target.result);
+    };
+    reader.readAsDataURL(file);
+
+    console.log("reader", reader);
+
+    return file;
   };
 
   return (