Skip to content
Demo of file select and upload AngularJS directive that will work in IE8+.
CSS JavaScript C# Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit 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.

You can’t perform that action at this time.