如何使用ExtJS客户端上传和处理CSV文件

时间:2016-04-09 02:25:47

标签: javascript extjs5 csv-import

我正在尝试使用Ext-js上传包含IP地址的CSV文件,并在将其发送到要添加到存储库的服务器之前将其处理并转换为客户端的JSON对象。 我需要解析CSV,将其转换为JSON对象,然后将信息添加到数据存储 - 但我非常困难。 是否有任何现有的库可以帮助实现这一目标? 我正在考虑避免使用jQuery / HTML5。有没有办法我们可以专门使用Javascript / Extjs? 我尝试了很多例子 - 但大多数都使用jQuery / HTML5 API / Papa-Parse或者更喜欢服务器端。

我的'上传'按钮处理程序功能如下所示:

handler: function () {
      var file = Ext.getCmp('form-file-win').getEl().down('input[type=file]').dom.files[0];

                    var reader = new FileReader();
                    var importedAddresses=[];
                   reader.onload = function (oFREvent) {
                       importedAddresses=oFREvent.target.result;
                    };
                  reader.readAsText(file);
                    this.dataStore.add({
                       id: '',
                       name: 'Imported from CSV',
                   });
                    win.close();
                }

1 个答案:

答案 0 :(得分:0)

遗憾的是,无法访问客户端上的文件内容。 您有两种选择:

  1. 您要么将文件发布到服务器并将其处理为服务端,并为您的javascript提供json响应
  2. 或者您需要使用HTML5来访问本地文件。以下是有关如何执行此操作的教程:local file processing