Skip to content

Migrate from 0.x.x to 1.x.x

Alex edited this page Jul 23, 2014 · 5 revisions

How to migrate from 0.x.x to 1.x.x version

1. Rename directives

  • ng-file-select -> nv-file-select
  • ng-file-drop -> nv-file-drop
  • ng-file-over -> nv-file-over

2. Rename service

$fileUploader -> FileUploader

3. The $fileUploader.create() method was removed

var uploader = $fileUploader.create(); // EARLY
var uploader = new FileUploader(); // NOW

4. New syntax of using directives

<element nv-file-drop uploader="{Object}" options="{Object}" filters="{String}"></element>
<element nv-file-select uploader="{Object}" options="{Object}" filters="{String}"></element>
<element nv-file-over uploader="{Object}" over-class="{String}"></element>

5. New syntax of filters

uploader.filters.push({
    name: 'filterName',
    fn: function(item /*{File|FileLikeObject}*/, options) {
        // ...
    }
});

6. Callbacks instead events

// --------------------
uploader.bind('afteraddingfile', function(event, item) {}); // EARLY
uploader.onAfterAddingFile = function(item) {}; // NOW
// --------------------
uploader.bind('afteraddingall', function(event, item) {});
uploader.onAfterAddingAll = function(item) {};
// --------------------
uploader.bind('whenaddingfilefailed', function(event, item) {});
uploader.onWhenAddingFileFailed = function(item /*{File|FileLikeObject}*/, filter, options) {};
// --------------------
uploader.bind('beforeupload', function(event, item) {});
uploader.onBeforeUploadItem = function(item) {};
// --------------------
uploader.bind('progress', function(event, item, progress) {});
uploader.onProgressItem = function(item, progress) {};
// --------------------
uploader.bind('progressall', function(event, progress) {});
uploader.onProgressAll = function(progress) {};
// --------------------
uploader.bind('success', function(event, xhr, item, response) {});
uploader.onSuccessItem = function(item, response, status, headers) {};
// --------------------
uploader.bind('error', function(event, xhr, item, response) {});
uploader.onErrorItem = function(item, response, status, headers) {};
// --------------------
uploader.bind('cancel', function(event, xhr, item, response) {});
uploader.onCancelItem = function(item, response, status, headers) {};
// --------------------
uploader.bind('complete', function(event, xhr, item, response) {});
uploader.onCompleteItem = function(item, response, status, headers) {};
// --------------------
uploader.bind('completeall', function(event) {});
uploader.onCompleteAll = function() {};
// --------------------
Clone this wiki locally