将带有图像的多部分表单上传到 API 时，C# 从服务器获取 500 错误

Question

So I have a management application where a user can add a product to the database through the API. The functions in the API work fine because I have tested this with postman. However, I am probably uploading it incorrectly to the Web API, and I don't know why.

The Web API is an ASP.NET CORE Web API. Ans my management is a Windows Forms application, yes I know it's not the best choice. But anyways here is how I try to upload the form to the Web API from the application:

The upload action of the form:

        private void buttonToevoegen_Click(object sender, EventArgs e)
    {
        if (textArtikelNaam.Text == "")
        {
            MessageBox.Show("Artikelnaam is leeg, voeg text toe", "Error", MessageBoxButtons.OK, MessageBoxIcon.Warning);
        }

        else if (textArtikelOmschrijving.Text == "")
        {
            MessageBox.Show("Artikel omschrijving is leeg, voeg text toe", "Error", MessageBoxButtons.OK, MessageBoxIcon.Warning);
        }

        else if (textArtikelPrijs.Text == "")
        {
            MessageBox.Show("Artikel prijs, voeg text toe", "Error", MessageBoxButtons.OK, MessageBoxIcon.Warning);
        }

        else if (comboBoxType.Text == "")
        {
            MessageBox.Show("Selecteer type", "Error", MessageBoxButtons.OK, MessageBoxIcon.Warning);
        }

        else if (buttonSelecteerAfbeelding.Text == "")//werkt nog niet
        {
            MessageBox.Show("Selecteer afbeelding", "Error", MessageBoxButtons.OK, MessageBoxIcon.Warning);
        }

        else
        {
            ToevoegProduct product = new ToevoegProduct();
            product.ProductNaam = textArtikelNaam.Text;
            product.ProductPrijs = Convert.ToInt32(textArtikelPrijs.Text);
            product.ProductBeschrijving = textArtikelOmschrijving.Text;
            product.ProductType = comboBoxType.Text;
            product.ProductAfbeelding = imageArtikel.Image;
            product.ProductWinkel = 1;
            product.ProductDirectLeverbaar = false; //niet nodig.
            product.ProductKorting = 0;
            product.ProductVoorraad = 1;
            API.postProductMulti("products", product, "toevoegen");
            MessageBox.Show("Product is correct toegevoegd!", "Gelukt!", MessageBoxButtons.OK, MessageBoxIcon.Information);
            ProductenOverzicht f7 = new ProductenOverzicht();
            Hide();
            f7.Show();
        }

the API class function:

    public static async void postProductMulti(string model, Models.ToevoegProduct product, string optionalRoute = null)
    {
        HttpClient client = new HttpClient();
        MultipartFormDataContent mfdc = new MultipartFormDataContent();

        // create the communication to the model from the API.
        string apiposturl = apiurl;
        apiposturl += model;

        if (optionalRoute != null)
            apiposturl += ("/" + optionalRoute);

        byte[] bytes;

        using (var ms = new MemoryStream())
        {
            product.ProductAfbeelding.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
            bytes = ms.ToArray();
        }

        mfdc.Add(new StringContent(product.ProductNaam), "productNaam");
        mfdc.Add(new StringContent(product.ProductPrijs.ToString()), "productPrijs");
        mfdc.Add(new StringContent(product.ProductBeschrijving), "productBeschrijving");
        mfdc.Add(new StringContent(product.ProductType), "productType");
        mfdc.Add(new StringContent(product.ProductKorting.ToString()), "productKorting");
        mfdc.Add(new StringContent(product.ProductVoorraad.ToString()), "productVoorraad");
        mfdc.Add(new StringContent(product.ProductDirectLeverbaar.ToString()), "productDirectLeverbaar");
        mfdc.Add(new ByteArrayContent(bytes, 0, bytes.Length), "productAfbeelding");

        HttpResponseMessage response = await client.PostAsync(apiposturl, mfdc);

        response.EnsureSuccessStatusCode();
        client.Dispose();
        string sd = response.Content.ReadAsStringAsync().Result;
    }

And this is my ToevoegProduct model:

namespace FlowerPower.Models
{
class ToevoegProduct
{
    public int Id { get; set; }
    public string ProductNaam { get; set; }
    public int ProductPrijs { get; set; }
    public string ProductBeschrijving { get; set; }
    public string ProductType { get; set; }
    public int ProductKorting { get; set; }
    public int ProductVoorraad { get; set; }
    public bool ProductDirectLeverbaar { get; set; }
    public Image ProductAfbeelding { get; set; }
    public int ProductWinkel { get; set; }
    }
}

And my this is what my API will be doing when this action is requested:

The add action in the product controller:

    [HttpPost("toevoegen")]
    [EnableCors("AllowAnyOrigin")]
    public async Task<IActionResult> PostProduct([FromForm] AddedProduct product)
    {
        // Kijk of het huidige model geldig is.
        // Zo niet dan wordt een een BadRequest code weergegeven.
        if (!ModelState.IsValid)
        {
            return BadRequest(ModelState);
        }

        // Upload de meegegeven afbeelding naar de website en database.
        FileUploader.UploadFile(product.ProductAfbeelding);

        // Voeg het product toe aan de database.
        _context.Product.Add(ConvertAddedToProduct(product, FileUploader.UploadedUrl)[0]);
        await _context.SaveChangesAsync();

        // Ga naar GetProduct, dit stuurt het aangemaakte product terug.
        return CreatedAtAction("GetProduct", new { id = product.Id }, product);
    }

And this is the addedproduct model in my API.

    public class AddedProduct
{
    public int Id { get; set; }
    public string ProductNaam { get; set; }
    public int ProductPrijs { get; set; }
    public string ProductBeschrijving { get; set; }
    public string ProductType { get; set; }
    public int ProductKorting { get; set; }
    public int ProductVoorraad { get; set; }
    public bool ProductDirectLeverbaar { get; set; }
    public IFormFile ProductAfbeelding { get; set; }
    public int ProductWinkel { get; set; }
}

I also don't want to change up my API because I know that it works and that it's possible.

As requested my postman:

And this is the exception:

System.Net.Http.HttpRequestException occurred HResult=0x80131500 Message=Response status code does not indicate success: 500 (Internal Server Error). Source= StackTrace: at System.Net.Http.HttpResponseMessage.EnsureSuccessStatusCode() at FlowerPower.API.d__3.MoveNext() in C:\\Users\\beren\\Source\\Repos\\FlowerPowerAPI\\FlowerPower1\\API.cs:line 133

Answer 1

I fixed this issue with another solution. I used RestSharper, because that is what postman uses for C#. With the use of RestSharper came a couple of changes. I had to change the post function in my API class and the way how I was filling my model.

This is how I'm filling my model now:

        else
        {
            ToevoegProduct product = new ToevoegProduct();
            product.ProductNaam = textArtikelNaam.Text;
            product.ProductPrijs = Convert.ToInt32(textArtikelPrijs.Text);
            product.ProductBeschrijving = textArtikelOmschrijving.Text;
            product.ProductType = comboBoxType.Text;
            product.ProductAfbeelding = imageArtikel.ImageLocation;
            product.ProductWinkel = 1;
            product.ProductDirectLeverbaar = false; //niet nodig.
            product.ProductKorting = 0;
            product.ProductVoorraad = 1;
            API.postProductMulti("products", product, "toevoegen");
            MessageBox.Show("Product is correct toegevoegd!", "Gelukt!", MessageBoxButtons.OK, MessageBoxIcon.Information);
            ProductenOverzicht f7 = new ProductenOverzicht();
            Hide();
            f7.Show();
        }

and this is the post method in the API class of the client:

    public static void postProductMulti(string model, Models.ToevoegProduct product, string optionalRoute = null)
    {
        //HttpClient client = new HttpClient();
        MultipartFormDataContent mfdc = new MultipartFormDataContent();

        // create the communication to the model from the API.
        string apiposturl = apiurl;
        apiposturl += model;

        if (optionalRoute != null)
            apiposturl += ("/" + optionalRoute);

        var client = new RestClient(apiposturl);
        var request = new RestRequest(Method.POST);

        // Zet de headers voor de request.
        // Dit is bij alles hetzelfde met een multipart/form-data requeset.
        request.AddHeader("postman-token", "293a9ff3-e250-e688-e20d-5d16ea635597");
        request.AddHeader("cache-control", "no-cache");
        request.AddHeader("content-type", "multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW");
        request.AddHeader("Content-Type", "multipart/form-data");

        // Vul de parameters met de waardes van heet model.
        request.AddParameter("productNaam", product.ProductNaam);
        request.AddParameter("productBeschrijving", product.ProductBeschrijving);
        request.AddParameter("productType", product.ProductType);
        request.AddParameter("productKorting", product.ProductKorting);
        request.AddParameter("productVoorraad", product.ProductVoorraad);
        request.AddParameter("productDirectLeverbaar", product.ProductDirectLeverbaar);
        request.AddFile("productAfbeelding", product.ProductAfbeelding); // Voeg hier het bestandspad in.
        request.AddParameter("productWinkel", product.ProductWinkel);

        // Verstuur de request.
        IRestResponse response = client.Execute(request);
    }

This solved my problem.