javascript - HTML5 文件阅读器 + WebSQL

Question

是否可以使用 FileReader 解析 csv 文件并将其写入 WebSql 表？

Answer 1

FileReader.readAsText() 方法将为您提供文件中的字符串，然后您可以使用 split() 来获取行和 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

是的，这根本不应该是一个问题:)

只需使用FileReader.readAsText()抓取 csv 文件内容，从那里应该是轻而易举的事

Answer 3

带螺丝文件阅读器

// 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>