ASP.NET core, send more data with formData

Antlin23 · 2024-06-03T09:10:16.581Z

Hi, I want to be sending an string as well as the other data im sending. Is that possible? Its uploading an img to azure storage account but I need to add an more info to the fileEntity so that I can get the filepath to the specific product, therefore I need to send the productId from the razor page to the other project where I upload the file.

A

Antlin23OP•6/3/24, 9:12 AM

A

Angius•6/3/24, 9:16 AM

You can have as much stuff in the form data as you want

A

Angius•6/3/24, 9:16 AM

Just create some class/record/whatever to bind the action to, and have it contain an

IFormFile

IFormFile

IFormFile

IFormFile property

A

Angius•6/3/24, 9:18 AM

record MyCoolData(IFormFile File, string Name, int Count);

[Function("Upload")]
public async Task<IActionResult> Run([...] MyCoolData data)
{
    var file = data.File;
    // ...
}

record MyCoolData(IFormFile File, string Name, int Count);

[Function("Upload")]
public async Task<IActionResult> Run([...] MyCoolData data)
{
    var file = data.File;
    // ...
}

record MyCoolData(IFormFile File, string Name, int Count);

[Function("Upload")]
public async Task<IActionResult> Run([...] MyCoolData data)
{
    var file = data.File;
    // ...
}

record MyCoolData(IFormFile File, string Name, int Count);

[Function("Upload")]
public async Task<IActionResult> Run([...] MyCoolData data)
{
    var file = data.File;
    // ...
}

A

Antlin23OP•6/3/24, 9:23 AM

thanks, but I dont understand where to put it

A

Antlin23OP•6/3/24, 9:23 AM

Något gick snett med bilduppladdningen.

Något gick snett med bilduppladdningen.

Något gick snett med bilduppladdningen.

Något gick snett med bilduppladdningen.
}
}
</script>

A

Antlin23OP•6/3/24, 9:24 AM

[Function("Upload")]
public async Task<IActionResult> Run([HttpTrigger(AuthorizationLevel.Function, "post")] HttpRequest req)
{
try
{
if(req.Form.Files["file"] is IFormFile file)
{
var containerName = !string.IsNullOrEmpty(req.Query["containerName"]) ? req.Query["containerName"].ToString() : "files";
var fileEntity = new FileEntity
{
FileName = _fileService.SetFileName(file),
ContentType = file.ContentType,
ContainerName = containerName
};

A

Antlin23OP•6/3/24, 9:31 AM

can I just do it like this, and where do I get the data in my Run function, formData.append("coolvalue", "testvaluelol");

A

Angius•6/3/24, 9:32 AM

const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("unga", "bunga");
formData.append("uga", "chaka");
formData.append("gupo", true);
formData.append("zipzoop", 872);

const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("unga", "bunga");
formData.append("uga", "chaka");
formData.append("gupo", true);
formData.append("zipzoop", 872);

const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("unga", "bunga");
formData.append("uga", "chaka");
formData.append("gupo", true);
formData.append("zipzoop", 872);

const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("unga", "bunga");
formData.append("uga", "chaka");
formData.append("gupo", true);
formData.append("zipzoop", 872);

A

Angius•6/3/24, 9:32 AM

Yep

A

Angius•6/3/24, 9:32 AM

In your run function, you get it from the parameter(s)

A

Angius•6/3/24, 9:33 AM

record MyCoolData(IFormFile File, string Unga, string Uga, bool Gupo, int Zipzoop);

[Function("Upload")]
public async Task<IActionResult> Run([...] MyCoolData data)
{
    var file = data.File;
    // ...
}

record MyCoolData(IFormFile File, string Unga, string Uga, bool Gupo, int Zipzoop);

[Function("Upload")]
public async Task<IActionResult> Run([...] MyCoolData data)
{
    var file = data.File;
    // ...
}

record MyCoolData(IFormFile File, string Unga, string Uga, bool Gupo, int Zipzoop);

[Function("Upload")]
public async Task<IActionResult> Run([...] MyCoolData data)
{
    var file = data.File;
    // ...
}

record MyCoolData(IFormFile File, string Unga, string Uga, bool Gupo, int Zipzoop);

[Function("Upload")]
public async Task<IActionResult> Run([...] MyCoolData data)
{
    var file = data.File;
    // ...
}

A

Antlin23OP•6/3/24, 9:33 AM

public async Task<IActionResult> Run([HttpTrigger(AuthorizationLevel.Function, "post")] HttpRequest req)
, should I remove all these parameters?

A

Angius•6/3/24, 9:34 AM

Keep the attribute if it's needed

A

Angius•6/3/24, 9:35 AM

Actually

A

Antlin23OP•6/3/24, 9:35 AM

like so? record MyCoolData(IFormFile File, string Unga, string Uga, bool Gupo, int Zipzoop);

public class Upload(ILogger<Upload> logger, FileService fileService)
{
private readonly ILogger<Upload> _logger = logger;
private readonly FileService _fileService = fileService;

[Function("Upload")]
public async Task<IActionResult> Run([HttpTrigger(AuthorizationLevel.Function, "post")] HttpRequest req, MyCoolData data)

A

Angius•6/3/24, 9:35 AM

Yeah

A

Angius•6/3/24, 9:36 AM

Something like that

A

Angius•6/3/24, 9:36 AM

Might need a

[FromForm]

[FromForm]

[FromForm]

[FromForm] attribute on

MyCoolData data

MyCoolData data

MyCoolData data

MyCoolData data

A

Antlin23OP•6/3/24, 9:38 AM

on the record or parameters?

A

Antlin23OP•6/3/24, 9:39 AM

A

Angius•6/3/24, 9:40 AM

On the parameter

A

Angius•6/3/24, 9:40 AM

And the record should be

public

public

, as per the error

A

Antlin23OP•6/3/24, 9:47 AM

thanks, now I get when trying to run it. System.NullReferenceException: 'Object reference not set to an instance of an object.'

data was null.

A

Antlin23OP•6/3/24, 9:48 AM

public async Task<IActionResult> Run([HttpTrigger(AuthorizationLevel.Function, "post")] HttpRequest req,[FromForm] MyCoolData data)
{
try
{
if(req.Form.Files["file"] is IFormFile file)
{
var containerName = !string.IsNullOrEmpty(req.Query["containerName"]) ? req.Query["containerName"].ToString() : "files";
var fileEntity = new FileEntity
{
FileName = _fileService.SetFileName(file),
ContentType = file.ContentType,
ContainerName = containerName
};

var testValueContent = data.TestValue;

A

Antlin23OP•6/3/24, 9:48 AM

might be something here? const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("TestValue", "contentvalue");

//here I would like to be adding a string that I can get from my fileUpload function

const res = await fetch("http://localhost:7036/api/Upload?containerName=products", {
method: "post",
body: formData,
})

Q

qqdev•6/3/24, 9:52 AM

$code

Qqqdev $code

M

MODiX•6/3/24, 9:52 AM

To post C# code type the following:
```cs
// code here
```

Get an example by typing

$codegif

$codegif

$codegif

$codegif in chat

For longer snippets, use: https://paste.mod.gg/

Q

qqdev•6/3/24, 9:52 AM

Can you try to use that to structure your messages? Helps a lot with readability :heartowo:

A

Angius•6/3/24, 9:53 AM

Huh, seems AZ functions don't support parameter binding the same way regular ASP Core does

A

Angius•6/3/24, 9:53 AM

Seems form fields are accessible via

req.Form["field"]

req.Form["field"]

req.Form["field"]

req.Form["field"]

A

Angius•6/3/24, 9:55 AM

So

const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("unga", "bunga");
formData.append("gupo", true);
formData.append("zipzoop", 872);

const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("unga", "bunga");
formData.append("gupo", true);
formData.append("zipzoop", 872);

const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("unga", "bunga");
formData.append("gupo", true);
formData.append("zipzoop", 872);

const formData = new FormData();
formData.append("file", e.target["file"].files[0]);
formData.append("unga", "bunga");
formData.append("gupo", true);
formData.append("zipzoop", 872);

[Function("Upload")]
public async Task<IActionResult> Run([HttpTrigger(AuthorizationLevel.Function, "post")] HttpRequest req)
{
    var file = req.Form.Files["file"];
    var unga = req.Form["unga"];
    var gupo = req.Form["gupo"];
    var zipzoop = req.Form["zipzoop"];
    // ...
}

[Function("Upload")]
public async Task<IActionResult> Run([HttpTrigger(AuthorizationLevel.Function, "post")] HttpRequest req)
{
    var file = req.Form.Files["file"];
    var unga = req.Form["unga"];
    var gupo = req.Form["gupo"];
    var zipzoop = req.Form["zipzoop"];
    // ...
}

[Function("Upload")]
public async Task<IActionResult> Run([HttpTrigger(AuthorizationLevel.Function, "post")] HttpRequest req)
{
    var file = req.Form.Files["file"];
    var unga = req.Form["unga"];
    var gupo = req.Form["gupo"];
    var zipzoop = req.Form["zipzoop"];
    // ...
}

[Function("Upload")]
public async Task<IActionResult> Run([HttpTrigger(AuthorizationLevel.Function, "post")] HttpRequest req)
{
    var file = req.Form.Files["file"];
    var unga = req.Form["unga"];
    var gupo = req.Form["gupo"];
    var zipzoop = req.Form["zipzoop"];
    // ...
}

A

Angius•6/3/24, 10:00 AM

You can make a proper binder though, apparently

A

Angius•6/3/24, 10:00 AM

https://stackoverflow.com/a/60284398/6042255

AAngius Huh, seems AZ functions don't support parameter binding the same way regular ASP...

T

TeBeCo•6/3/24, 10:29 AM

which version of AZF

T

TeBeCo•6/3/24, 10:29 AM

and which model

T

TeBeCo•6/3/24, 10:30 AM

TLDR: tripple check with AZF on net8 + isolate, not inprocess, and it needs net8

A

Antlin23OP•6/3/24, 10:30 AM

T

TeBeCo•6/3/24, 10:30 AM

inprocess or isolated ?

A

Antlin23OP•6/3/24, 10:31 AM

im not sure

T

TeBeCo•6/3/24, 10:31 AM

it might not be available in net8 isolated either

T

TeBeCo•6/3/24, 10:31 AM

but that's where you'll get the more chance

AAngius Huh, seems AZ functions don't support parameter binding the same way regular ASP...

A

Antlin23OP•6/3/24, 10:35 AM

its working! thanks a lot

A

Antlin23OP•6/3/24, 10:36 AM

$code

AAntlin23 $code

M

MODiX•6/3/24, 10:36 AM

To post C# code type the following:
```cs
// code here
```

Get an example by typing

$codegif

$codegif

$codegif

$codegif in chat

For longer snippets, use: https://paste.mod.gg/

A

Antlin23OP•6/3/24, 10:36 AM

                    var testData = req.Form["testData"];

                    var testData = req.Form["testData"];

                    var testData = req.Form["testData"];

                    var testData = req.Form["testData"];

ASP.NET core, send more data with formData

Similar Threads

Similar Threads

Similar Threads