前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >.net8带来的Complex Form Binding

.net8带来的Complex Form Binding

作者头像
郑子铭
发布2023-10-23 14:21:21
1580
发布2023-10-23 14:21:21
举报

.net8 RC2发布了,针对API,带来了Complex Form绑定,上传文件这个标签,就是一个Complex表单,下面是单个文件上传的案例。

.cs文件如下:

代码语言:javascript
复制
using Microsoft.AspNetCore.Mvc;
var builder = WebApplication.CreateBuilder(args);
var app = builder.Build();
app.UseStaticFiles();
app.MapPost("/upload", ([FromForm] DocumentUpload document) =>
{
    return Results.Ok();
}).DisableAntiforgery();
app.Run();
public class DocumentUpload
{
    public string Name { get; set; };
    public string? Description { get; set; }
    public IFormFile? Document { get; set; }
}

html文件如下:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <title>文件上传表单</title>
</head>
<body>
    <h2>上传文件</h2>
    <form action="/upload" method="post" enctype="multipart/form-data">
        <label for="name">名称:</label><input type="text" name="name" /><br><br>
        <label for="description">描述:</label><textarea row="3" name="description"></textarea> <br><br>
        <label for="file">文件:</label>
        <input type="file" name="Document" id="file" accept=".jpg, .png, .pdf">
        <br><br>
        <input type="submit" name="submit" value="上传">
    </form>
</body>
</html>

运行结果:

局部变量查看:

如果想上传多个图片,需要对实体类的文件字面类型修改成IFormFileCollection即可。

cs代码如下:

代码语言:javascript
复制
public class DocumentUpload
{
    public string Name { get; set; }
    public string? Description { get; set; }
    public IFormFileCollection? Documents { get; set; }
}

运行结果如下:

局部变量查看:

虽然很小的功能,但带来的开发体验还是很好的,简化,直接,易用。

本文参与?腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2023-10-19,如有侵权请联系?cloudcommunity@tencent.com 删除

本文分享自 DotNet NB 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com