Re-run OCR if language is changed, refs #6

Author: simonw

ocr.html

@@ -310,6 +310,27 @@ <h2>Pages</h2>
   return altTextarea;
 }
 
+async function rerunOCR() {
+  const worker = await Tesseract.createWorker(languageSelect.value);
+  const textareas = document.querySelectorAll('.image-container textarea');
+  const images = document.querySelectorAll('.image-container img');
+
+  // Blank all the textareas
+  Array.from(textareas).forEach(ta => ta.value = '');
+  showFullDocument();
+
+  for (let i = 0; i < images.length; i++) {
+    const imageURL = images[i].src;
+    const ta = textareas[i];
+    ta.placeholder = 'OCRing image...';
+    const { text } = await ocrImage(worker, imageURL);
+    setTextarea(ta, text);
+    showFullDocument();
+  }
+
+  await worker.terminate();
+}
+
 document.addEventListener('paste', (event) => {
   const items = (event.clipboardData || event.originalEvent.clipboardData).items;
   const images = Array.from(items).filter(item => item.type.indexOf('image') !== -1);
@@ -354,13 +375,14 @@ <h2>Pages</h2>
 }
 
 // Update URL bar to match language select
-languageSelect.addEventListener('change', (event) => {
+languageSelect.addEventListener('change', async (event) => {
   let newUrl = window.location.pathname;
   let language = event.target.value;
   if (language != 'eng') {
     newUrl += '?language=' + language;
   }
   window.history.pushState({ path: newUrl }, '', newUrl);
+  await rerunOCR();
 });
 
 function setLanguageFromQueryString() {