xls to json convert directives added

This commit is contained in:
gandhimathi 2018-08-27 15:37:52 +05:30
parent d54683b27e
commit de1fcc9712
2 changed files with 76 additions and 1 deletions

View File

@ -0,0 +1,72 @@
'use strict';
app.directive('jsXls', function () {
return {
restrict: 'E',
template: '<input type="file" />',
replace: true,
link: function (scope, element, attrs) {
function handleSelect() {
var files = this.files;
for (var i = 0, f = files[i]; i != files.length; ++i) {
var reader = new FileReader();
var name = f.name;
reader.onload = function (e) {
if (!e) {
var data = reader.content;
} else {
var data = e.target.result;
}
/* if binary string, read with type 'binary' */
try {
var workbook = XLS.read(data, { type: 'binary' });
if (attrs.onread) {
var handleRead = scope[attrs.onread];
if (typeof handleRead === "function") {
handleRead(workbook);
}
}
} catch (e) {
if (attrs.onerror) {
var handleError = scope[attrs.onerror];
if (typeof handleError === "function") {
handleError(e);
}
}
}
// Clear input file
element.val('');
};
//extend FileReader
if (!FileReader.prototype.readAsBinaryString) {
FileReader.prototype.readAsBinaryString = function (fileData) {
var binary = "";
var pt = this;
var reader = new FileReader();
reader.onload = function (e) {
var bytes = new Uint8Array(reader.result);
var length = bytes.byteLength;
for (var i = 0; i < length; i++) {
binary += String.fromCharCode(bytes[i]);
}
//pt.result - readonly so assign binary
pt.content = binary;
$(pt).trigger('onload');
}
reader.readAsArrayBuffer(fileData);
}
}
reader.readAsBinaryString(f);
}
}
element.on('change', handleSelect);
}
};
});

View File

@ -130,7 +130,10 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/alasql/0.4.2/alasql.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.9.2/xlsx.core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.3.3/jspdf.plugin.autotable.js"></script>
<!--xlsx to json convert-->
<script src="bower_components/js-xlsx/dist/xlsx.core.min.js"></script>
<script src="assets/js/directives/convert_Json/convertJson.js"></script>
</body>