Update index.js

index.js

@@ -323,11 +323,21 @@ export async function imageTextToText(
   }
 }
 
+async function updatePreview(url) {
+  const image = await RawImage.fromURL(url);
+  const ar = image.width / image.height;
+  const [cw, ch] = (ar > 1) ? [640, 640 / ar] : [640 * ar, 640];
+  imageContainer.style.width = `${cw}px`;
+  imageContainer.style.height = `${ch}px`;
+  imageContainer.style.backgroundImage = `url(${url})`;
+}
+
 await initializeSessions();
 
 // UI Event Handlers
 example.addEventListener('click', (e) => {
   e.preventDefault();
+  updatepreview(EXAMPLE_URL);
   parse(EXAMPLE_URL, 'Describe this image.');
 });
 
@@ -338,16 +348,10 @@ fileUpload.addEventListener('change', async function(e) {
   const reader = new FileReader();
   
   reader.onload = async (e2) => {
-    const url = e2.target.result;
-    
-    const image = await RawImage.fromURL(url);
-    const ar = image.width / image.height;
-    const [cw, ch] = (ar > 1) ? [640, 640 / ar] : [640 * ar, 640];
-    imageContainer.style.width = `${cw}px`;
-    imageContainer.style.height = `${ch}px`;
-    imageContainer.style.backgroundImage = `url(${url})`;
-  // reader.onload = e2 => parse(e2.target.result, '');
-    
+    reader.onload = function() {
+      updatePreview(e2.target.result);
+      // parse(e2.target.result)
+    }
   }
   reader.readAsDataURL(file);
 });