changes for online viewer

src/jp4-canvas/jquery-jp4.js

@@ -37,6 +37,7 @@
       ip: "",
       port: "",
       image: "test.jp4",
+      fromhtmlinput: false,
       refresh: false,
       mosaic: [["Gr","R"],["B" ,"Gb"]],
       fast: false,
@@ -89,18 +90,28 @@
     elem.append(cnv_working);
     elem.append(cnv_display);
     
-    get_image(); 
-    //end
+    if (DEBUG){
+        TX = Date.now();
+        T0 = Date.now();
+    }
     
-    function get_image(){
+    if (settings.fromhtmlinput){
+        /*
+         * if image is being loaded from <input type='file'>
+         * make sure the image data starts with: "data:image/jpeg;base64," 
+         * EXIF.js does not like empty data type: "data:;base64,"
+         */
+        process_image(settings.image);
+    }else{
+        send_request();
+    }
+    //end
 
-      var canvas = cnv_working;
+    function send_request(){
 
-      //reset format
-      IMAGE_FORMAT = "JPEG";
+      var rq = "";
         
       var http = new XMLHttpRequest();
-      var rq = "";
 
       if (settings.port!=""&&settings.ip!=""){
         rq = "get-image.php?ip="+settings.ip+"&port="+settings.port+"&rel=bimg&ts="+Date.now();
@@ -111,12 +122,6 @@
       }
 
       http.open("GET", rq, true);
-
-      if (DEBUG){
-    	TX = Date.now();
-        T0 = Date.now();
-      }
-
       http.responseType = "blob";
       http.onload = function(e) {
 
@@ -126,6 +131,20 @@
         }
 
         if (this.status === 200) {
+            var imgdata = URL.createObjectURL(http.response);
+            process_image(imgdata);
+        }
+      };
+      
+      http.send();
+      
+    }
+    
+    function process_image(imagedata){
+        
+        var canvas = cnv_working;
+        //reset format
+        IMAGE_FORMAT = "JPEG";
         
         var heavyImage = new Image();
 
@@ -167,11 +186,7 @@
         });
 
         };
-          heavyImage.src = URL.createObjectURL(http.response);
-        }
-      };
-      
-      http.send();
+        heavyImage.src = imagedata;
         
     }