WebAPI Можно ли разместить IFormCollection и Object в действии?

Можно ли разместить IFormCollection и Object в действии?

public Task CreateEMail(IFormCollection collection, [FromBody] Model model)

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

Угловой код:

let model = {title:'test', subject:'test'};
let formData = new FormData();
for (let i = 0; i < this.droppedFilesData.length; i++) {
    let file = this.droppedFilesData[i];
    let fileName = file.name;
    formData.append(fileName, file);
}
this.service.createEmail(formData, model); // how to implement to post formData and model

Код WebAPI:

public Task CreateEMail(IFormCollection collection, [FromBody] Model model)
{
    ...
}

Как мне реализовать этот WebAPI?

Обновление: я думаю о том, чтобы добавить все в FormCollection, но это был бы действительно плохой код для анализа данных

пожалуйста, покажите нам свой код

— 18.12.2018 04:00

да, я добавил еще код. У меня нет идей по реализации этого пункта

— 18.12.2018 04:10

c# angularjs asp.net-web-api asp.net-core asp.net-core-webapi

18.12.2018 03:57

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

2 324

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете опубликовать только одно значение содержимого в методе действия веб-API. Попробуй это:

Угловой код:

<input type = "file" name = "uploadFiles" (change) = "onSelectFile($event)" />
onSelectFile(event: any) {
        const fi = event.srcElement;
        if (fi.files && fi.files[0]) {
            const fileToUpload = fi.files[0];
            const formData = new FormData();
            const model = new Model('name', '[email protected]');
            formData.append(fileToUpload.name, fileToUpload);
            console.info(JSON.stringify(model));
            formData.append('model', JSON.stringify(model));
            this.http.post(this.requestUploadURL, formData).subscribe();
        }
}

Код веб-API:

public async Task<IActionResult> UploadFile()
{
     var formFile = Request.Form.Files?.FirstOrDefault();
     var canParse = Request.Form.TryGetValue("model", out var model);
     if (canParse)
     {
          var data = JsonConvert.DeserializeObject<Model>(model.ToString());
     }

     return Ok();
}

Кроме того, вы можете использовать привязку настраиваемых параметров, например JObject, FormDataCollection или Query String.

Надеюсь, это поможет.

да, я знаю это, но есть ли у нас способ разделить форму и модель?

— 18.12.2018 05:50

18.12.2018 05:47