GUI front end for reading text from arbitrary points

server.js

@@ -19,13 +19,14 @@ var puppeteer = require("puppeteer");
 const { createWorker } = require("tesseract.js");
  
  
-const pug = require('pug');
+// const pug = require('pug');
 const { exec } = require('child_process');
 const path = require('path');
  
 app.set('view engine', "pug")
  
-app.use("/images", express.static(path.join(__dirname, '/images')));
+// app.use("/images", express.static(path.join(__dirname, '/images')));
+app.use("/images", express.static(path.join(__dirname, "/savedImages")));
 app.use("/static", express.static(path.join(__dirname, "/static")));
 
 const baseFilePath = "./savedImages";
@@ -34,6 +35,10 @@ app.get('/', function (req, res) {
        res.send('Hello World');
 });
 
+app.get("/upload", function(req, res){
+    res.sendFile(path.join( __dirname, "views/Upload.html"));
+});
+
 app.get("/takeScreenshot", async function(req, res){
     let url = req.query["url"];
     let name = req.query["name"];
@@ -63,17 +68,19 @@ app.get("/getValueFromImage", async function(req, res){
     let width = req.query["width"];//75
     let height = req.query["height"];//30
 
+    console.log("Loading Image");
     const img = fs.readFileSync(`${baseFilePath}/${name}.png`);
 
     const worker = await createWorker("eng");
     const rectangle = { left: left, top: top, width: width, height: height };
-    let myText = "Default";
+    console.log(JSON.stringify(rectangle));
     (async () => {
       const {
         data: { text },
       } = await worker.recognize(img,
         { rectangle }
       );
+      console.log("Found Price!");
       res.send(text);
       res.end();
       console.log(text);