image - AngularJS IEを使用してキャンバスにファイルをアップロードするには?

Question

このコードを IE でデバッグしようとしています。このコードは、ファイル入力で AngularJS を使用します。Chromeで問題なく動作します。

$scope.file_changed = function(element) {
      var files = element.files; // FileList object
      var can = document.getElementById('canvas');
      var ctx = can.getContext('2d');
      var photofile = element.files[0]
      var reader = new FileReader();
          reader.onload = (function(theFile) {
                return function(e) {

                  var img = new Image();
                  img.onload = function(){
                      can.width = img.width;
                         can.height = img.height;
                      ctx.drawImage(img,0,0);
                  }
                  img.src = event.target.result;

                  $scope.imageSource= e.target.result; 
                  $scope.$apply();  
                };
              })(photofile);
          reader.readAsDataURL(photofile); 
  }// End Method file_changed

およびhtml：

<input ng-model="photo"
           onchange="angular.element(this).scope().file_changed(this)"
           type="file" accept="image/*" /> 

IE デバッガーは次のように言います。

Firefox にも同じ buf があります。誰にもアイデアはありますか？