如何上传csv文件并解析它?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何上传csv文件并解析它?相关的知识,希望对你有一定的参考价值。

我需要上传csv文件并解析它。我可以在http正文请求中看到文件,但是当我在csvreader中传递它时,我可以看到像标题一样的base64字符串:enter image description here

在客户端我使用angularjs:

'uploadBulkUsersFile': {
                method: 'POST', url: CONFIG.apiServiceBaseUri + "api/users/bulkUsers",
                headers: {
                     "Content-Type": undefined
                },
                transformRequest: angular.identity,
                withCredentials: true
            },

并致电:

var _uploadBulkUsersFile = function (bulkUsersFile) {
    var fd = new FormData();
    fd.append("file", bulkUsersFile);

    return usersResource.uploadBulkUsersFile({}, fd, function (result) {
        return result;
    }).$promise;
};

在服务器端我使用webapi2:

    if (!Request.Content.IsMimeMultipartContent())
        throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);

    var provider = new MultipartMemoryStreamProvider();
    await Request.Content.ReadAsMultipartAsync(provider);
    foreach (var file in provider.Contents)
    {
        var buffer = await file.ReadAsStreamAsync();

        TextReader textReader = new StreamReader(buffer);
        var csv = new CsvReader(textReader);
        var records = csv.GetRecords<BulkUploadUser>().ToList();

        return Created("DefaultApi", records);
    }

http请求有效负载

------ WebKitFormBoundarySKPlgJRINOMnpxVP Content-Disposition:form-data; NAME = “文件”

data:application/vnd.ms-excel;base64,RW1haWwsRmlyc3ROYW1lLExhc3ROYW1lDQpwcm9zdG8uZHVkYUBnbWFpbC5jb20yLERlbmlzLER1ZGFpZXYNCnByb3N0by5kdWRhQGdtYWlsLmNvbSxEZW5pcyxEdWRhaWV2DQpwcm9zdG8uZHVkYUBnbWFpbC5jb20yLERlbmlzLER1ZGFpZXYNCg==
------WebKitFormBoundarySKPlgJRINOMnpxVP--

UPDATE

@Ubercode建议我将base 64转换为string,我做了,但看起来非常恶心:

var buffer = await file.ReadAsStreamAsync();

TextReader textReader = new StreamReader(buffer);
var text = textReader.ReadToEnd();
var indexOfWord = "base64,";
var base64EncodedBytes = System.Convert.FromBase64String(text.Substring(text.IndexOf(indexOfWord) + indexOfWord.Length));
var encoded = System.Text.Encoding.UTF8.GetString(base64EncodedBytes);
TextReader textReader2 = new StringReader(encoded);
var csv = new CsvReader(textReader2);
var records = csv.GetRecords<BulkUploadUser>().ToList();
答案

您需要将base64编码的东西解码到您的文件中:

How do I encode and decode a base 64 string

你可以稍微整理你的代码:

string text;
using(TextReader textReader = new StreamReader(buffer))
     text = textReader.ReadToEnd();

CsvReader csv;

using(var ms 
   = new MemoryStream(Convert.FromBase64String(text.Substring(text.IndexOf(',') + 1)))
using (var textReader2 = new StreamReader(ms))
    csv = new CsvReader(textReader2);

var records = csv.GetRecords<BulkUploadUser>().ToList();
另一答案
        if (!Request.Content.IsMimeMultipartContent())
        {
            return StatusCode(HttpStatusCode.UnsupportedMediaType);
        }

        HttpPostedFile uploadedFile = HttpContext.Current.Request.Files[0];

         var csv = new CsvReader(uploadedFile.InputStream);
另一答案

上传的数据确实是csv,而不是excel:

Email,FirstName,LastName
prosto.duda@gmail.com2,Denis,Dudaiev
prosto.duda@gmail.com,Denis,Dudaiev
prosto.duda@gmail.com2,Denis,Dudaiev

最好是防止数据首先被转换为base64(它更大并且需要解码)。

出于某种原因,数据以'excel'发送并在base64中发送:

data:application/vnd.ms-excel;base64,

所以你可能想检查以下内容:

headers: {
    "Content-Type": undefined
},
transformRequest: angular.identity,

我不知道AngularJS,但您可能想将Content-Type更改为text/csv并检查transformRequest

或者它可能在这里转换为base64:

var fd = new FormData();
fd.append("file", bulkUsersFile);

因此,最好检查数据转换的位置并修复它以发送纯文本。这将阻止编码/解码步骤,并且数据也将更小。

另一答案

刚刚遇到同样的问题,感谢这篇文章中的建议。

首先,上传文件有两种可能性:Http-POST-Content或form-data(也是post,但不一样)。

我正在使用更简单的方法,即Http-POST-Content。 base64编码等没有问题,解决方案保持简单,但我认为它对于大文件来说非常有用。

我在角项目中使用了以下代码:

角度代码

导入对话框(html):

<input hidden #imageInput type="file" accept=".csv" (change)="processFile(imageInput)">
<button mat-button class="image-upload-button full-width" (click)="imageInput.click()">
   <mat-icon>add</mat-icon>
</button>

对话框代码(.ts)

const file: File = imageInput.files[0];
this.dialogRef.close(file);

对话框关闭后执行ts-Code

const url = 'myapi/Import';
return this.http.post<ImportResult>(url, file).toPromise();

C#代码

try
{
    var result = new ImportResult();
    s = System.Web.HttpContext.Current.Request.GetBufferedInputStream();
    using (var sr = new System.IO.StreamReader(s))
    {
        s = null;
        var reader = new CsvReader(sr, new CsvConfiguration
        {
            Delimiter = ";"
        });
        var records = reader.GetRecords<RowEntry>();
        ...
    }
    return result;
}
finally
{
    s?.Dispose();
}

希望这会有所帮助,这是一个很好的简单解决方案。

以上是关于如何上传csv文件并解析它?的主要内容,如果未能解决你的问题,请参考以下文章

如何在php中上传和解析CSV文件

如何检测上传的csv文件的编码

需要帮助上传 csv

使用 python 解析 CSV 文件并转换为 Pandas Dataframe 以绘制 Django 模板

CSV文件上传解析

php 上传csv文件