-
Notifications
You must be signed in to change notification settings - Fork 2
/
angular-file-directive.js
66 lines (65 loc) · 2.14 KB
/
angular-file-directive.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
'use strict';
angular.module('ngFile', [])
.directive('file', [function () {
return {
scope: {
file: '='
},
link: function (scope, elem) {
function getFileModifiedDate (file) {
if (file.lastModifiedDate) {
return file.lastModifiedDate.toJSON();
}
else if (file.lastModified) {
return new Date(file.lastModified).toJSON();
}
return new Date().toJSON();
}
// Listen for change in the input element
elem.bind('change', function (changeEvent) {
var files = [];
// For Each targeted file
angular.forEach(changeEvent.target.files, function (file) {
// Check if file type is 'text'
var isText = file.type.indexOf('text/') === 0;
var reader = new FileReader();
reader.file = file;
reader.onload = function (e) {
var body = e.target.result;
// Base64 Encode file of type other than 'text'
if (!isText) {
var binary = "";
var bytes = new Uint8Array(body);
var length = bytes.byteLength;
for (var i = 0; i < length; i++) {
binary += String.fromCharCode(bytes[i]);
}
body = btoa(binary);
}
// Compile data from file
files.push({
updatedAt: getFileModifiedDate(file),
size: file.size,
type: file.type,
name: file.name,
body: body,
file : file
});
// Apply new values to $scope when the last file is done.
if (files.length === changeEvent.target.files.length) {
scope.$apply(function () {
scope.file = files;
});
}
};
// Read file as 'text' or 'binary string'
if (isText) {
reader.readAsText(file);
} else {
reader.readAsArrayBuffer(file);
}
});
});
}
};
}]);