Как опубликовать простые данные JSON с загрузкой файла? - PullRequest
Новая
       16

Как опубликовать простые данные JSON с загрузкой файла?

4 голосов
/ 21 мая 2019

Я пытаюсь настроить запрос на загрузку файла в клиенте ServiceStack TypeScript, который также включает месяц, к которому относится файл. Как настроить запрос так, чтобы оба поступали на сервер?

Я пробовал различные изменения, включая ручное изменение заголовков, чтобы заставить Content-Type быть application / json, который не работал (но я подозреваю, что прервал бы загрузку файла, даже если бы это произошло).

API на стороне клиента: 

export const serviceApi = {
    importData: (month: string, file: File) => {
        var client = new JsonServiceClient("");
        var request = new DTOs.ImportData();

        // At this point, the month has a value
        request.month = month.replace('/', '-').trim();

        let formData = new FormData();
        formData.append('description', file.name);
        formData.append('type', 'file');
        formData.append('file', file);

        const promise = client.postBody(request, formData);
        return from(promise);
    },
};

Определение DTO: 

[Route("/api/data/import/{Month}", "POST")]
public class ImportData : IReturn<ImportDataResponse>
{
    public string Month { get; set; }
}

public class ImportDataResponse : IHasResponseStatus
{
    public ResponseStatus ResponseStatus { get; set; }
}

API на стороне сервера: 

[Authenticate]
public object Post(ImportData request)
{
    if (Request.Files == null || Request.Files.Length <= 0)
    {
        throw new Exception("No import file was received by the server");
    }

    // This is always coming through as null
    if (request.Month == null)
    {
        throw new Exception("No month was received by the server");
    }

    var file = (HttpFile)Request.Files[0];
    var month = request.Month.Replace('-', '/');

    ImportData(month, file);

    return new ImportDataResponse();
}

Я вижу, что файл правильно проходит на стороне сервера, и я вижу, как HTTP-запрос обрабатывается с месяцем, заданным в параметрах строки запроса как "07-2019", но когда я перерываю работу на сервере API-функция стороны, свойство месяца запроса равно нулю.

Обновление, вот заголовки HTTP-запросов / ответов:

Заголовки запроса 

POST /json/reply/ImportData?month=07-2019 HTTP/1.1
Host: localhost:40016
Connection: keep-alive
Content-Length: 7366169
Origin: http://localhost:40016
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryI8CWlbw4tP80PkpZ
Accept: */*
Referer: http://localhost:40016/data
Accept-Encoding: gzip, deflate, br
Accept-Language: en-GB,en-US;q=0.9,en;q=0.8
Cookie: _ga=GA1.1.673673009.1532913806; ASP.NET_SessionId=gtwdk3wsvdn0yulhxyblod3g; __utmc=111872281; __utmz=111872281.1533684260.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none); ss-opt=perm; __utma=111872281.673673009.1532913806.1550789161.1550794391.20; _gid=GA1.1.893581387.1558389301; ss-id=kfq4G0GYb3WldSdCaRyJ; ss-pid=aZ400sqM4n3TQgNVnHS2

Заголовки ответа 

HTTP/1.1 500 Exception
Cache-Control: private
Content-Type: application/json; charset=utf-8
Vary: Accept
Server: Microsoft-IIS/10.0
X-Powered-By: ServiceStack/5.10 NET45 Win32NT/.NET
X-AspNet-Version: 4.0.30319
X-SourceFiles: =?UTF-8?B?RTpcVEZTXFNvdXJjZVxNZWRpc2VuXFdlYnNpdGVzXE9OaWlDU1xNYWluXFNvdXJjZVxPbmlpY3NSZWFjdC1QYXltZW50c1xPbmlpY3NSZWFjdFxPbmlpY3NSZWFjdFxqc29uXHJlcGx5XEltcG9ydE1CU0NvZGVz?=
X-Powered-By: ASP.NET
Date: Tue, 21 May 2019 21:49:03 GMT
Content-Length: 605

Параметры строки запроса 

month=07-2019

Ответы [ 2 ]

1 голос
/ 22 мая 2019

Вы сможете загрузить файл, используя API извлечения JavaScript напрямую, например: 

let formData = new FormData();
formData.append('description', file.name);
formData.append('type', 'file');
formData.append('file', file);

fetch('/api/data/import/07-2019', {
    method: 'POST',
    body: formData
});

В противном случае, если вы хотите использовать TypeScript JsonServiceClient ServiceStack, вам потребуется использовать API, который позволяет публиковать запрос DTO с отдельным телом запроса, например: 

formData.append('month', '07-2019');
client.postBody(new ImportData(), formData);
1 голос
/ 21 мая 2019

Я не думаю, что месяц должен быть частью заголовка запроса, это неортодоксально. Он должен быть частью данных формы.

Если вы сделали: 

  formData.append('Month', month.replace('/', '-').trim());

на стороне клиента, затем request.Month или request.content.Month должны работать в зависимости от того, как обрабатывается объект запроса в вашем экземпляре.

...