在剃刀页面上的文件上传旁边使用选择列表

问题描述

背景: 该程序将.Net Core 3.1与EF Core一起使用代码优先方法利用MSSQL的本地实例。 该问题的相关实体包括代理商

public class Agent
    {
        public int AgentID { get; set; }
        public string Name { get; set; }
        public string Number { get; set; }
        public ICollection<SysInfo> SysInfo { get; set; }
    }

与SysInfo有一对多的关系

public class SysInfo
    {
        public int SysInfoID { get; set; }
        public int AgentID { get; set; }
        public byte[] Content { get; set; }
        public Agent Agent { get; set; }
    }

数据库是使用EF Core迁移构建的,CRUD页面用于代理实体。 SysInfo旨在存储系统信息文件。 我从在https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads?view=aspnetcore-3.1#file-upload-scenarios找到的示例开始,然后修改了UploadDbModel以包括一个选择列表。

 public class BufferedSingleFileUploadDbModel:PageModel
    {
        [BindProperty]
        public BufferedSingleFileUploadDb FileUpload { get; set; }
        public SelectList AgentNameSL { get; set; }
        public void PopulateAgentsDropDownList(WindowsAuthTest3Context _context,object selectedAgent = null)
        {
            var agentsQuery = from a in _context.Agent
                              orderby a.Name
                              select a;
            AgentNameSL = new SelectList(agentsQuery.AsNoTracking(),"AgentID","Name",selectedAgent);
        }
    }
    public class BufferedSingleFileUploadDb
    {
        [Required]
        [Display(Name ="File")]
        public IFormFile FormFile { get; set; }
    }

上载页面是从标准EF核心“创建”模板中构建出来的,并经过修改以继承上面的类,填充选择列表,处理上载并创建记录。

问题: 尝试将选择列表与多部分enctype网格化时,我做错了。加载页面时,选择列表拒绝填充。

CS文件:

public class UploadModel : BufferedSingleFileUploadDbModel
    {
        private readonly WindowsAuthTest3.Data.WindowsAuthTest3Context _context;

        public UploadModel(WindowsAuthTest3.Data.WindowsAuthTest3Context context)
        {
            _context = context;
        }

        public IActionResult OnGet()
        {
            PopulateAgentsDropDownList(_context);
            return Page();
        }

        [BindProperty]
        public SysInfo SysInfo { get; set; }

        // To protect from overposting attacks,enable the specific properties you want to bind to,for
        // more details,see https://aka.ms/RazorPagesCRUD.
        public async Task<IActionResult> OnPostUploadAsync()
        {
            
            using(var memoryStream = new MemoryStream())
            {
                await FileUpload.FormFile.CopyToAsync(memoryStream);
                SysInfo.Content = memoryStream.ToArray();
            }
            if (!ModelState.IsValid)
            {
                return Page();
            }
            _context.SysInfo.Add(SysInfo);
            await _context.SaveChangesAsync();

            return RedirectToPage("./Index");
        }
    }

CSHTML文件:

@page
@model WindowsAuthTest3.Pages.Infos.UploadModel

@{
    ViewData["Title"] = "Upload";
}

<h1>Upload</h1>

<h4>SysInfo</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form enctype="multipart/form-data" method="post">
            <div class="form-group">
                <label asp-for="SysInfo.AgentID" class="control-label"></label>
                <select asp-for="SysInfo.AgentID" class="form-control" asp-items="@Model.AgentNameSL"></select>
            </div>
            <div class="form-group">
                    <label asp-for="FileUpload.FormFile"></label>
                    <input asp-for="FileUpload.FormFile" type="file">
            </div>
            <div class="form-group">
                <input asp-page-handler="Upload" class="btn btn-primary" type="submit" value="Upload">
            </div>
        </form>
    </div>
</div>

<div>
    <a asp-page="Index">Back to List</a>
</div>

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

问题:

  1. 多部分enctypes中是否可以包含选择列表?如果是,我只是写错了吗?
  2. 如果没有,在上传文件时如何构造多个post方法以完成外键的设置?我曾考虑过将代理ID设置为可空,然后通过编辑页面分配该ID,但这听起来像是一种可怕的解决方法,容易出现用户错误。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)