HTML5 FileReader + WebSQL

Question

Можно ли проанализировать csv-файл с помощью FileReader и записать его в таблицу WebSql?

Answer 1

Метод FileReader.readAsText () выдаст вам строку из файла, которую вы затем сможете разделить (), чтобы получить строки и ячейки csv. Проверьте readAsText () для получения дополнительной информации и попробуйте вставить следующее в интерактивный пример:

<script id='csv' type='text/plain'>
apple,1,$1.00
banana,4,$0.20
orange,3,$0.79
</script>
<script>
  // Use a Blob to simulate a File
  var csv = document.getElementById('csv').textContent.trim();
  var file = new Blob([csv]);

  var reader = new FileReader();
  reader.onload = function(event){
    var reader = event.target;

    var text = reader.result;
    var lines = text.split('\n');

    lines.forEach(function(line) {
      var parts = line.split(',');

      // process the cells in the csv
      console.log(parts[0], parts[1], parts[2]);
    });
  };
  reader.readAsText(file);
</script>

Answer 2

С Screw-FileReader

// Use a Blob to simulate a File
let blob = new Blob([
`apple,1,$1.00
banana,4,$0.20
orange,3,$0.79`
])

blob.text().then(text => {
  var lines = text.split('\n')

  for (let line of lines) {
    let parts = line.split(',')

    // process the cells in the csv
    console.log(parts)
  }
})

<script src="https://cdn.rawgit.com/jimmywarting/Screw-FileReader/master/index.js"></script>

Answer 3

Да, это не должно быть проблемой вообще:)

Просто используйте FileReader.readAsText(), чтобы получить содержимое файла csv, и оттуда он должен быть легким