Demo of file select and upload AngularJS directive that will work in IE8+.
CSS JavaScript C# Other
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vs
FileUpload
.gitignore
FileUpload.sln
README.md

README.md

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.

Compatibility.

All browsers where AngularJS will work.

Requirements

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

Usage

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"
         accept=".*"
         server-url="api/upload"
         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.