Demo of file select and upload AngularJS directive that will work in IE8+.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

FileUpload for IE8+

File select and upload AngularJS directive that will work for IE8+.

file-upload.js defines file-upload AngularJS module. The module defines file-upload directive that simplify file uploading tasks and suits to the all browsers (including old browsers like IE8). It converts any element to an uploading control that opens select file dialog and performs multipart-data uploading to the specified location.


All browsers where AngularJS will work.


AngularJS. The directive was tested with version 1.2.16, and probably will work with earlier versions too.


In order to start using file-upload directive you have to include file-upload.js script. For example:
 <script src="Scripts/angular.min.js"></script>
 <script src="Scripts/file-upload.js"></script>

Then you may define a link that will open select file dialog and will upload the selected file to the server:

      <a id="test1" file-upload=""
         class="btn btn-primary"
         on-success="controller.uploadSucceed(data, fileName)"
         on-error="controller.uploadFailed(e)">Click here to upload file</a>

See also UIUpload - an AngularJS directive for HTML5 compatible browsers.