{"action":"created","issue":{"url":"https://api.github.com/repos/danialfarid/angular-file-upload/issues/533","labels_url":"https://api.github.com/repos/danialfarid/angular-file-upload/issues/533/labels{/name}","comments_url":"https://api.github.com/repos/danialfarid/angular-file-upload/issues/533/comments","events_url":"https://api.github.com/repos/danialfarid/angular-file-upload/issues/533/events","html_url":"https://github.com/danialfarid/angular-file-upload/issues/533","id":56367627,"number":533,"title":"File upload not working with file select","user":{"login":"mdesanti","id":754482,"avatar_url":"https://avatars.githubusercontent.com/u/754482?v=3","gravatar_id":"","url":"https://api.github.com/users/mdesanti","html_url":"https://github.com/mdesanti","followers_url":"https://api.github.com/users/mdesanti/followers","following_url":"https://api.github.com/users/mdesanti/following{/other_user}","gists_url":"https://api.github.com/users/mdesanti/gists{/gist_id}","starred_url":"https://api.github.com/users/mdesanti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mdesanti/subscriptions","organizations_url":"https://api.github.com/users/mdesanti/orgs","repos_url":"https://api.github.com/users/mdesanti/repos","events_url":"https://api.github.com/users/mdesanti/events{/privacy}","received_events_url":"https://api.github.com/users/mdesanti/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":9,"created_at":"2015-02-03T11:49:45Z","updated_at":"2015-02-06T09:15:00Z","closed_at":null,"body":"I can't get the file upload to work when using `ng-file-select`. It's like the file is never added to the associated model. What's strange is that `ng-file-drop` is working without any issues.\r\n\r\nJust for context, I am developing a node-webkit app with angularjs. I am using coffeescript and building the app with grunt.\r\n\r\nMy html looks like this:\r\n\r\n```\r\n<form id=\"new-project-form\" name=\"form\" ng-submit=\"create(project)\" novalidate=\"novalidate\" class=\"form-horizontal\">\r\n  <div ng-file-drop=\"ng-file-drop\" ng-model=\"files\" drag-over-class=\"dragover\" class=\"drop-box\">\r\n    <fieldset>\r\n      <legend translate=\"subproject.new\"></legend>\r\n      <div class=\"form-group\">\r\n        <label for=\"inputFile\" translate=\"subproject.file\" class=\"col-xs-2 control-label\"></label>\r\n        <div class=\"col-xs-10\">\r\n          <input type=\"file\" ng-file-select=\"\" ng-model=\"files\" translate=\"subproject.form.select_file\"/>\r\n          <div class=\"progress progress-striped active\">\r\n            <div ng-style=\"progress\" class=\"progress-bar\"></div>\r\n          </div>\r\n          <div ng-repeat=\"file in uploadedFiles\">\r\n            <div class=\"row\">\r\n              <div ng-click=\"deleteFile(file)\" class=\"col-xs-1\"><img src=\"delete.png\" class=\"delete\"/></div>\r\n              <div class=\"col-xs-11\"><span>{{file.name}}</span></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </fieldset>\r\n  </div>\r\n</form>\r\n```\r\n\r\nAnd this is the part of my controller that handles the file upload:\r\n\r\n```\r\n$scope.progress = {\r\n    'width': '0%'\r\n};\r\n$scope.uploadedFiles = [];\r\n$scope.project = {\r\n    'file-ids': [],\r\n    email: authenticationService.loggedInUser()\r\n};\r\n$scope.$watch('files', function(newValue, oldValue) {\r\n      if (newValue === void 0) {\r\n        return;\r\n      }\r\n      $scope.upload = $upload.upload({\r\n        url: \"some-upload-url\",\r\n        file: $scope.files\r\n      }).progress(function(evt) {\r\n         $scope.progress = {\r\n           'width': parseInt(100.0 * evt.loaded / evt.total) + '%'\r\n         };\r\n      }).success(function(data, status, headers, config) {\r\n          $scope.project['file-ids'].push(data.files[0].id);\r\n          $scope.uploadedFiles.push(data.files[0]);\r\n          $scope.progress = {\r\n              'width': '0%'\r\n          };\r\n      });\r\n});\r\n```\r\n\r\nJust in case it is useful, these are the declared dependencies in bower.json:\r\n```\r\n\"dependencies\": {\r\n    \"console-polyfill\": \"0.1.2\",\r\n    \"jquery\": \"~2.0.3\",\r\n    \"bootstrap-less\": \"~3.1.1\",\r\n    \"angular-bootstrap\": \"~0.5.0\",\r\n    \"angular\": \"1.3.10\",\r\n    \"angular-truncate\": \"*\",\r\n    \"angular-sanitize\": \"1.3.10\",\r\n    \"angular-resource\": \"1.3.10\",\r\n    \"angular-route\": \"1.3.10\",\r\n    \"angular-cookies\": \"1.2.5\",\r\n    \"angular-mocks\": \"1.2.5\",\r\n    \"components-underscore\": \"~1.5.2\",\r\n    \"ngstorage\": \"0.3.0\",\r\n    \"bootstrap-material-design\": \"0.2.1\",\r\n    \"ng-file-upload\": \"~2.2.2\",\r\n    \"ng-file-upload-shim\": \"~2.2.2\",\r\n    \"ngQuickDate\": \"~1.3.3\",\r\n    \"spin.js\": \"~2.0.2\",\r\n    \"angular-spinner\": \"~0.6.1\",\r\n    \"angular-translate\": \"~2.5.2\"\r\n }\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/danialfarid/angular-file-upload/issues/comments/73208134","html_url":"https://github.com/danialfarid/angular-file-upload/issues/533#issuecomment-73208134","issue_url":"https://api.github.com/repos/danialfarid/angular-file-upload/issues/533","id":73208134,"user":{"login":"olegskl","id":298275,"avatar_url":"https://avatars.githubusercontent.com/u/298275?v=3","gravatar_id":"","url":"https://api.github.com/users/olegskl","html_url":"https://github.com/olegskl","followers_url":"https://api.github.com/users/olegskl/followers","following_url":"https://api.github.com/users/olegskl/following{/other_user}","gists_url":"https://api.github.com/users/olegskl/gists{/gist_id}","starred_url":"https://api.github.com/users/olegskl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/olegskl/subscriptions","organizations_url":"https://api.github.com/users/olegskl/orgs","repos_url":"https://api.github.com/users/olegskl/repos","events_url":"https://api.github.com/users/olegskl/events{/privacy}","received_events_url":"https://api.github.com/users/olegskl/received_events","type":"User","site_admin":false},"created_at":"2015-02-06T09:15:00Z","updated_at":"2015-02-06T09:15:00Z","body":"We're using Windows 7 Professional Service Pack 1.\r\nIE 9.0.8112.16421\r\n\r\n### http://2-2-1.angular-file-upload.appspot.com/\r\n> Journal : FileAPI: 2.0.7\r\nJournal : protocol: http:\r\nJournal : doctype: [html] null null\r\nJournal : FlashAPI.state: awaiting\r\nJournal : (flash -> js).log: storeKey=509061645022050727353072930307296024040_2.0.7\r\nJournal : (flash -> js).log: timeout=0\r\nJournal : FlashAPI.state: ready\r\nJournal : FlashAPI.event.mouseenter: [object Object]\r\nJournal : (js -> flash).multiple: false\r\nJournal : (flash -> js).log: parseCmd, command: multiple\r\nJournal : (js -> flash).accept: art,bm,bmp,dwg,dxf,cbr,cbz,fif,fpx,gif,ico,iefs,jfif,jpe,jpeg,jpg,jps,jut,mcf,nap,nif,pbm,pcx,pgm,pict,pm,png,pnm,qif,qtif,ras,rast,rf,rp,svf,tga,tif,tiff,xbm,xpm,xwd,ART,BM,BMP,DWG,DXF,CBR,CBZ,FIF,FPX,GIF,ICO,IEFS,JFIF,JPE,JPEG,JPG,JPS,JUT,MCF,NAP,NIF,PBM,PCX,PGM,PICT,PM,PNG,PNM,QIF,QTIF,RAS,RAST,RF,RP,SVF,TGA,TIF,TIFF,XBM,XPM,XWD\r\nJournal : (flash -> js).log: parseCmd, command: accept\r\nJournal : FlashAPI.event.mouseenter: [object Object]\r\nJournal : (js -> flash).multiple: true\r\nJournal : (flash -> js).log: parseCmd, command: multiple\r\nJournal : (js -> flash).accept: *\r\nJournal : (flash -> js).log: parseCmd, command: accept\r\nJournal : FlashAPI.event.select: [object Object]\r\n**Error: Erreur non spécifiée.**\r\n\r\n(Non-specified error)\r\n\r\n### http://3-0-0.angular-file-upload.appspot.com/\r\n> Journal : FileAPI: 2.0.7\r\nJournal : protocol: http:\r\nJournal : doctype: [html] null null\r\nJournal : FlashAPI.state: awaiting\r\nJournal : (flash -> js).log: storeKey=509061645022050727353072930307296024040_2.0.7\r\nJournal : (flash -> js).log: timeout=0\r\nJournal : FlashAPI.state: ready\r\nJournal : FlashAPI.event.mouseenter: [object Object]\r\nJournal : (js -> flash).multiple: true\r\nJournal : (flash -> js).log: parseCmd, command: multiple\r\nJournal : (js -> flash).accept: *\r\nJournal : (flash -> js).log: parseCmd, command: accept\r\nJournal : FlashAPI.event.mouseenter: [object Object]\r\nJournal : (js -> flash).multiple: false\r\nJournal : (flash -> js).log: parseCmd, command: multiple\r\nJournal : (js -> flash).accept: *\r\nJournal : (flash -> js).log: parseCmd, command: accept\r\nJournal : FlashAPI.event.mouseenter: [object Object]\r\nJournal : (js -> flash).multiple: false\r\nJournal : (flash -> js).log: parseCmd, command: multiple\r\nJournal : (js -> flash).accept: *\r\nJournal : (flash -> js).log: parseCmd, command: accept\r\nJournal : FlashAPI.event.select: [object Object]\r\n**Error: Erreur non spécifiée.**\r\n\r\n(Non-specified error)"}}