Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
static.idm.libs.ng-file-upload.ng-file-upload.js Maven / Gradle / Ivy
/**!
* AngularJS file upload/drop directive and service with progress and abort
* @author Danial
* @version 4.1.0
*/
(function () {
var key, i;
function patchXHR(fnName, newFn) {
window.XMLHttpRequest.prototype[fnName] = newFn(window.XMLHttpRequest.prototype[fnName]);
}
if (window.XMLHttpRequest && !window.XMLHttpRequest.__isFileAPIShim) {
patchXHR('setRequestHeader', function (orig) {
return function (header, value) {
if (header === '__setXHR_') {
var val = value(this);
// fix for angular < 1.2.0
if (val instanceof Function) {
val(this);
}
} else {
orig.apply(this, arguments);
}
}
});
}
var ngFileUpload = angular.module('ngFileUpload', []);
ngFileUpload.version = '4.1.0';
ngFileUpload.service('Upload', ['$http', '$q', '$timeout', function ($http, $q, $timeout) {
function sendHttp(config) {
config.method = config.method || 'POST';
config.headers = config.headers || {};
config.transformRequest = config.transformRequest || function (data, headersGetter) {
if (window.ArrayBuffer && data instanceof window.ArrayBuffer) {
return data;
}
return $http.defaults.transformRequest[0](data, headersGetter);
};
var deferred = $q.defer();
var promise = deferred.promise;
config.headers['__setXHR_'] = function () {
return function (xhr) {
if (!xhr) return;
config.__XHR = xhr;
config.xhrFn && config.xhrFn(xhr);
xhr.upload.addEventListener('progress', function (e) {
e.config = config;
deferred.notify ? deferred.notify(e) : promise.progress_fn && $timeout(function () {
promise.progress_fn(e)
});
}, false);
//fix for firefox not firing upload progress end, also IE8-9
xhr.upload.addEventListener('load', function (e) {
if (e.lengthComputable) {
e.config = config;
deferred.notify ? deferred.notify(e) : promise.progress_fn && $timeout(function () {
promise.progress_fn(e)
});
}
}, false);
};
};
$http(config).then(function (r) {
deferred.resolve(r)
}, function (e) {
deferred.reject(e)
}, function (n) {
deferred.notify(n)
});
promise.success = function (fn) {
promise.then(function (response) {
fn(response.data, response.status, response.headers, config);
});
return promise;
};
promise.error = function (fn) {
promise.then(null, function (response) {
fn(response.data, response.status, response.headers, config);
});
return promise;
};
promise.progress = function (fn) {
promise.progress_fn = fn;
promise.then(null, null, function (update) {
fn(update);
});
return promise;
};
promise.abort = function () {
if (config.__XHR) {
$timeout(function () {
config.__XHR.abort();
});
}
return promise;
};
promise.xhr = function (fn) {
config.xhrFn = (function (origXhrFn) {
return function () {
origXhrFn && origXhrFn.apply(promise, arguments);
fn.apply(promise, arguments);
}
})(config.xhrFn);
return promise;
};
return promise;
}
this.upload = function (config) {
config.headers = config.headers || {};
config.headers['Content-Type'] = undefined;
config.transformRequest = config.transformRequest ?
(angular.isArray(config.transformRequest) ?
config.transformRequest : [config.transformRequest]) : [];
config.transformRequest.push(function (data) {
var formData = new FormData();
var allFields = {};
for (key in config.fields) {
if (config.fields.hasOwnProperty(key)) {
allFields[key] = config.fields[key];
}
}
if (data) allFields['data'] = data;
if (config.formDataAppender) {
for (key in allFields) {
if (allFields.hasOwnProperty(key)) {
config.formDataAppender(formData, key, allFields[key]);
}
}
} else {
for (key in allFields) {
if (allFields.hasOwnProperty(key)) {
var val = allFields[key];
if (val !== undefined) {
if (angular.isDate(val)) {
val = val.toISOString();
}
if (angular.isString(val)) {
formData.append(key, val);
} else {
if (config.sendObjectsAsJsonBlob && angular.isObject(val)) {
formData.append(key, new Blob([val], {type: 'application/json'}));
} else {
formData.append(key, JSON.stringify(val));
}
}
}
}
}
}
if (config.file != null) {
var fileFormName = config.fileFormDataName || 'file';
if (angular.isArray(config.file)) {
var isFileFormNameString = angular.isString(fileFormName);
for (var i = 0; i < config.file.length; i++) {
formData.append(isFileFormNameString ? fileFormName : fileFormName[i], config.file[i],
(config.fileName && config.fileName[i]) || config.file[i].name);
}
} else {
formData.append(fileFormName, config.file, config.fileName || config.file.name);
}
}
return formData;
});
return sendHttp(config);
};
this.http = function (config) {
return sendHttp(config);
};
}]);
ngFileUpload.directive('ngfSelect', ['$parse', '$timeout', '$compile',
function ($parse, $timeout, $compile) {
return {
restrict: 'AEC',
require: '?ngModel',
link: function (scope, elem, attr, ngModel) {
linkFileSelect(scope, elem, attr, ngModel, $parse, $timeout, $compile);
}
}
}]);
function linkFileSelect(scope, elem, attr, ngModel, $parse, $timeout, $compile) {
function isInputTypeFile() {
return elem[0].tagName.toLowerCase() === 'input' && elem.attr('type') && elem.attr('type').toLowerCase() === 'file';
}
var changeFnAttr = attr.ngfChange || (attr.ngfSelect && attr.ngfSelect.indexOf('(') > 0);
var isUpdating = false;
function changeFn(evt) {
if (!isUpdating) {
isUpdating = true;
try {
var fileList = evt.__files_ || (evt.target && evt.target.files);
var files = [], rejFiles = [];
for (var i = 0; i < fileList.length; i++) {
var file = fileList.item(i);
if (validate(scope, $parse, attr, file, evt)) {
files.push(file);
} else {
rejFiles.push(file);
}
}
updateModel($parse, $timeout, scope, ngModel, attr, changeFnAttr, files, rejFiles, evt);
if (files.length == 0) evt.target.value = files;
// if (evt.target && evt.target.getAttribute('__ngf_gen__')) {
// angular.element(evt.target).remove();
// }
} finally {
isUpdating = false;
}
}
}
function bindAttrToFileInput(fileElem) {
if (attr.ngfMultiple) fileElem.attr('multiple', $parse(attr.ngfMultiple)(scope));
if (!$parse(attr.ngfMultiple)(scope)) fileElem.attr('multiple', undefined);
if (attr['accept']) fileElem.attr('accept', attr['accept']);
if (attr.ngfCapture) fileElem.attr('capture', $parse(attr.ngfCapture)(scope));
if (attr.ngfDisabled) fileElem.attr('disabled', $parse(attr.ngfDisabled)(scope));
for (var i = 0; i < elem[0].attributes.length; i++) {
var attribute = elem[0].attributes[i];
if (attribute.name !== 'type' && attribute.name !== 'class' && attribute.name !== 'id' && attribute.name !== 'style') {
fileElem.attr(attribute.name, attribute.value);
}
}
}
function createFileInput(evt) {
if (elem.attr('disabled')) {
return;
}
var fileElem = angular.element('
