在 Blazor 中上传文件并保存在数据库中

Question

这是我的表单中的模态，我想在此处上传文件并添加数据附件，填写表单后我将所有数据保存在数据库中，但我不知道如何先上传和保存模态。 客户端：

             <Modal @ref="modalRef">
                <ModalBackdrop />
                <ModalContent Centered="true">
                      <ModalBody>
                        <Field>
                            <FieldLabel>فایل</FieldLabel>
                            <FileEdit Filter=".jpg, .png, .gif"  Changed="@OnChanged" 
                            Written="@OnWritten" Progressed="@OnProgressed" />
                        </Field>
                    </ModalBody>
                    <ModalFooter>
                        <Button Color="Color.Secondary" Clicked="@HideModal">Cancle</Button>
                        <Button Color="Color.Primary" Clicked="@AddAtachment">AddAttachment</Button>
                    </ModalFooter>
                </ModalContent>
            </Modal>

      string TitleAttachment;

服务器端： 这两个类，其中一个用于附件（模态），其中一个用于主窗体，并且具有不同的视图模型和配置。

   public class ClaimAttachmentInfo
   {
    private ClaimAttachmentInfo()
    {
    }

    public ClaimAttachmentInfo(string title, byte[] attachmentContent, string fileExtension)
    {
    
        Title = title;
        AttachmentContent = attachmentContent;
        FileExtension = fileExtension;
    }
    public long ClaimAttachmentId { get; set; }
    public string Title { get; set; }
    public byte[] AttachmentContent { get; set; }
    public string FileExtension { get; set; }
}

  public class ClaimInfo
{

    public long ClaimId { get; set; }
    public string ClaimCode { get; set; }
    public string ChassisNo { get; set; }
    public string Model { get; set; }
    public string NationalityCode { get; set; }
    public string Tel { get; set; }
    public string Mobile { get; set; }
    public long Creator { get; set; }
    public DateTime CreationDate { get; set; }
    public int VehicleTypeId { get; set; }
            
    **public IEnumerable<ClaimAttachmentInfo> ClaimAttachmentsInfos { get; set; }**
   }