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

Question

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

在客户端我使用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();

Answer 1

您需要将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();

Answer 2

        if (!Request.Content.IsMimeMultipartContent())
        {
            return StatusCode(HttpStatusCode.UnsupportedMediaType);
        }

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

         var csv = new CsvReader(uploadedFile.InputStream);

Answer 3

上传的数据确实是csv，而不是excel：

Email,FirstName,LastName
[email protected],Denis,Dudaiev
[email protected],Denis,Dudaiev
[email protected],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);

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

Answer 4

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

首先，上传文件有两种可能性：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();
}

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