Filereader читает файл, используя правильную кодировку при чтении как readAsArrayBuffer - PullRequest
Новая
       16

Filereader читает файл, используя правильную кодировку при чтении как readAsArrayBuffer

0 голосов
/ 17 мая 2018

Я работаю над чтением файла .csv / xlsx, загруженного с использованием javaScript, и получаю результат как array, содержащий каждую строку.Я смог прочитать файл и получить данные, используя FileReader и SheetJs со следующим кодом. 

// code for the new excel reader
$scope.do_file =  function(files)
{
    $scope.fileContent  = [];
    var X = XLSX;
    var global_wb;
    var f = files[0];
    var reader = new FileReader();
    reader.onload = function(e)
    {
        var data = e.target.result;console.log(data);
        global_wb = X.read(data, {type: 'array'});
        var output = "";
        var result = {};
        global_wb.SheetNames.forEach(function(sheetName) {
            var roa = X.utils.sheet_to_json(global_wb.Sheets[sheetName], {header:1});
            if(roa.length) result[sheetName] = roa;
        });
        $scope.fileContent =  result["Sheet1"];
        if(!result["Sheet1"])
        {
            $scope.fileContent =  result["contacts"].filter(function(el) { return typeof el != "object" || Array.isArray(el) || Object.keys(el).length > 0; });
        }
    };
    reader.readAsArrayBuffer(f);
};

Для чтения большинства файлов код работает, но когда файл содержит ивриттекст с кодировкой Windows-1255. Я получаю данные.

enter image description here

В поисках дополнительных параметров я попытался прочитать файл как текст, используя reader.readAsText ипри необходимости измените кодировку, проверьте следующий код: 

function is_Hebrew(data)
{
    var position = data.search(/[\u0590-\u05FF]/);
    return position >= 0;
}

 $scope.do_file =  function(files)
 {
    var fullResult = [];
    var file =files[0];
      var reader = new FileReader();
        reader.onload = function(e){
            var data = e.target.result;
                if(!is_Hebrew(data.toString()))
                {
                  reader.readAsText(file,'ISO-8859-8');   
                }
            };
        reader.readAsText(file);
        reader.onloadend = function(){
            var lines = reader.result.split('\r\n');
            console.log(lines);
            lines.forEach(element => {
                var cell = element.split(',');
                fullResult.push(cell);
            });

             console.log(reader);
        };
    };

, но приведенный выше код не подходит, поскольку он не считывает файл, поскольку каждая строка идентифицирует каждую ячейку.если любая из ячеек содержит строку со значением, разделенным запятой (например, если ячейка содержит строковое значение, такое как «25, 28, 29»), вывод массива дает неверные данные, поскольку он рассматривает каждое значение как каждую ячейку.

Поэтому я решил придерживаться первого метода, но я не могу изменить кодировку. Есть ли способ изменить кодировку в первом коде, где я использовал readAsArrayBuffer для чтения данных файла?

1 Ответ

0 голосов
/ 06 июня 2018

Пройдя через множество возможных решений, я обнаружил, что ответом на поставленный выше вопрос было объединение двух вышеупомянутых методов.Первый метод для чтения файлов xlsx и второй метод для чтения файлов csv.Также я использовал дополнительную библиотеку javaScript с именем papaparse во втором методе для решения проблемы чтения данных в каждой ячейке 

$scope.is_Hebrew = function($data){
var position = $data.search(/[\u0590-\u05FF]/);
return position >= 0;
}

// code for the new excel reader
$scope.do_file =  function(files)
{
    var config = {
    delimiter: "",  // auto-detect
    newline: "",    // auto-detect
    quoteChar: '"',
    escapeChar: '"',
    header: false,
    trimHeader: false,
    dynamicTyping: false,
    preview: 0,
    encoding: "",
    worker: false,
    comments: false,
    step: undefined,
    complete: undefined,
    error: undefined,
    download: false,
    skipEmptyLines: false,
    chunk: undefined,
    fastMode: undefined,
    beforeFirstChunk: undefined,
    withCredentials: undefined
    };

    $scope.fileContent  = [];
    var f = files[0];
    var fileExtension = f.name.replace(/^.*\./, '');
    if(fileExtension == 'xlsx')
    {
        var X = XLSX;
        var global_wb;
        var reader = new FileReader();
        reader.onload = function(e)
        {
            var data = e.target.result;
            global_wb = X.read(data, {type: 'array'});
            var result = {};
            global_wb.SheetNames.forEach(function(sheetName) {
               var roa = X.utils.sheet_to_json(global_wb.Sheets[sheetName], {header:1});
               if(roa.length) result[sheetName] = roa;
            });
            $scope.fileContent =  result["Sheet1"];
            if(!result["Sheet1"])
            {
               $scope.fileContent =  result["contacts"].filter(function(el) { return typeof el != "object" || Array.isArray(el) || Object.keys(el).length > 0; });
            }

        };
        reader.readAsArrayBuffer(f);

    }
    else if(fileExtension == 'csv')
    {
    var reader = new FileReader();
    reader.onload = function(e)
    {
        var data = e.target.result;
        console.log(f);
        console.log($scope.is_Hebrew(data.toString()));
        if(!$scope.is_Hebrew(data.toString()))
        {
           reader.readAsText(f,'ISO-8859-8');   
        }
    };

    reader.readAsText(f);
    reader.onloadend = function(e){
        var c =  Papa.parse(reader.result,[ config])
        console.log(c);
        $scope.fileContent =  c["data"].filter(function(el) { return typeof el != "object" || Array.isArray(el) || Object.keys(el).length > 0; });

    };

    }
    else
    {
       alert("File Not supported!");
    }

$scope.fileContent.push([]);
};
...