JQuery 不显眼

所以我有文件字段，用户可以选择一张图片，但这不是必需的 但是当用户提交表单时仍然需要

您有两种选择可以尝试。希望能帮到你。

选项 1 ，从 project.csproj 文件中删除以下代码。阅读本文以了解更多信息。

 <Nullable>enable</Nullable>

选项 2 ，添加如下内容：?

public IFormFile ? Picture { get;  set; }

更新

结构：

索引模型

public class IndexModel : PageModel
    {
        private readonly ILogger<IndexModel> _logger;

        public IndexModel(ILogger<IndexModel> logger)
        {
            _logger = logger;
        }
        [BindProperty]
        public CreateSlide CreateSlide { get; set; } 
        public void OnGet()
        {

        }
        public void OnPost(CreateSlide createSlide)
        {

        }
    }

索引视图：

    @page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}
@{
    ViewData["Title"] = "Create";
}

<h1>Create</h1>

<h4>CreateSlide</h4>
<hr />
<button id="btnShowModal" type="button"> Upload </button>
<div class="modal fade" id="Modal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button id="btnHideModal" type="button" class="btn btn-secondary" data-dismiss="modal">  ×</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-4">
                        <form method="post" enctype="multipart/form-data">
                            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                            <div class="form-group">
                                <label asp-for="CreateSlide.Picture" class="control-label"></label>
                                <input asp-for="CreateSlide.Picture" type="file" class="form-control" />
                                <span asp-validation-for="CreateSlide.Picture" class="text-danger"></span>
                            </div>
                            <div class="form-group">
                                <label asp-for="CreateSlide.HeadingText" class="control-label"></label>
                                <input asp-for="CreateSlide.HeadingText" class="form-control" />
                                <span asp-validation-for="CreateSlide.HeadingText" class="text-danger"></span>
                            </div>
                            <div class="form-group">
                                <label asp-for="CreateSlide.TitleText" class="control-label"></label>
                                <input asp-for="CreateSlide.TitleText" class="form-control" />
                                <span asp-validation-for="CreateSlide.TitleText" class="text-danger"></span>
                            </div>
                            <div class="form-group">
                                <label asp-for="CreateSlide.Text" class="control-label"></label>
                                <input asp-for="CreateSlide.Text" class="form-control" />
                                <span asp-validation-for="CreateSlide.Text" class="text-danger"></span>
                            </div>
                            <div class="form-group">
                                <label asp-for="CreateSlide.BtnText" class="control-label"></label>
                                <input asp-for="CreateSlide.BtnText" class="form-control" />
                                <span asp-validation-for="CreateSlide.BtnText" class="text-danger"></span>
                            </div>
                            <div class="form-group">
                                <input type="submit" value="Create" class="btn btn-primary" />
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

@section Scripts {
    @{
        await Html.RenderPartialAsync("_ValidationScriptsPartial");
    }
<script type="text/javascript">
        $(document).ready(function () {
                $("#btnShowModal").click(function () {                                 
                $("#Modal").modal('show');
            });
 $("#btnHideModal").click(function () {
                $("#Modal").modal('hide');
            });
        });
    </script>
}

创建幻灯片：

public class CreateSlide
    {
        public IFormFile Picture { get; set; }
        [Required]
        
        public string HeadingText { get; set; }
        [Required]
        public string TitleText { get; set; }
        [Required]
        public string Text { get; set; }
        [Required]
        public string BtnText { get; set; }
    }