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

时间:2016-02-10 07:19:01

标签: c# angularjs csv asp.net-web-api csvhelper

我需要上传csv文件并解析它。 我可以在http正文请求中看到文件,但是当我在csvreader中传递它时,我可以看到像header这样的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 内容处理:表格数据; NAME = “文件”

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

更新

@Ubercode建议我将base 64转换成字符串,我做了,但看起来很恶心:

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();

4 个答案:

答案 0 :(得分: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();

答案 1 :(得分:0)

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

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

         var csv = new CsvReader(uploadedFile.InputStream);

答案 2 :(得分:0)

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

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

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

由于某种原因,数据会以&#39; excel&#39;发送。并在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);

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

答案 3 :(得分:0)

遇到同样的问题,谢谢本文中的建议。

首先,有两种方法可以上传文件:Http-POST-Content或form-data(也可以发布,但不尽相同)。

我使用的是更简单的方法,即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代码

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();
}

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