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

【问题标题】：How to upload and process CSV File using ExtJS Client Side如何使用 ExtJS 客户端上传和处理 CSV 文件
【发布时间】：2016-07-30 10:49:41
【问题描述】：

我正在尝试使用 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();
                }

【问题讨论】：

标签： javascript extjs5 csv-import

【解决方案1】：

很遗憾，无法在客户端访问文件的内容。你有两个选择：

您可以将文件发布到服务器并在服务端对其进行处理，然后为您的 javascript 提供 json 响应
或者您需要使用 HTML5 访问本地文件。这是一个关于如何做到这一点的教程：local file processing

【讨论】：