Untitled Application False 1024 670 False False False WebApp False en [AndroidOS,iOS,WindowsPhoneOS] normal True True False True True False False True False False

var files = evt.target.files; // FileList object
for (var i = 0, f; f = files[i]; i++){
      var reader = new FileReader();
      reader.onload = (function(theFile){
          return function(e){
             var texto=e.target.result;
             fabLoadImage("Container1","",texto,20,20);
          };
      })(f);
      reader.readAsDataURL(f);
}

evt|MIXED|Event JavaScript fabInitialize "Container1" SetVar [thecolor] "black" BeginJS funciones = angular.element(document.getElementById("ng-view")).scope(); document.getElementById('MyInputFile').addEventListener('change', funciones.handleImageFile, false); EndJS 144px 24px 856px 624px 24px 24px 96px 40px Draw glyphicon-pencil fabDrawingMode "Container1" true "[thecolor]" 2 24px 72px 96px 40px Clear glyphicon-remove fabClear "Container1" -154px 0px 144px 80px False Look at this hidden Container HTML content<br><br><br> <input type="file" id="MyInputFile" name="InputFile3" class="file" data-browse-class="btn btn-primary btn-block" data-browse-label="" data-show-upload="false" data-show-preview="false" data-show-caption="false"> 24px 120px 96px 40px Save glyphicon-floppy-disk BeginJS containername="Container1"; var mycanvas = document.getElementById(containername+"Canvas"); mycanvas.toBlob(function(blob) { saveAs(blob, "miimagen.png"); }); EndJS 24px 168px 96px 40px Load glyphicon-folder-open ClickObject "MyInputFile" 24px 224px 40px 40px [thecolor] fabDrawingMode "Container1" true "[thecolor]" 2 0px 0px 1024px 670px False