我有一個顯示成員當(dāng)前數(shù)據(jù)的表單，包括他的照片。在他的照片下方，他可以選擇上傳另一張照片，然后我用控制器中的新照片替換舊照片。我的問題是我無法恢復(fù)模型中的圖像，它始終為空（其余的都很完美）。在我的模型中，我聲明了一個Member_UploadPicture類型為 的變量IFormFile。我遵循了最近的 Microsoft 教程（https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads?view=aspnetcore-2.2），但沒有任何效果，仍然為 null 。我嘗試使用@Html.Editor帶有變量名稱的 an 以及 an<input type = file>但 2 始終為空。你有想法嗎？模型public class MemberViewModel{ public string Member_NameFirst { get; set; } public string Member_NameLast { get; set; } public byte[] Member_Picture { get; set; } public IFormFile Member_UploadPicture { get; set; } public string Member_Picture_Show { get; set; } // other properties...}控制器[Authorize(Roles = "Member, Admin")][HttpPost]public async Task<IActionResult> GetMember(MemberViewModel model){ if (ModelState.IsValid) { var MembertoUpdate = new MemberViewModel { //code }; using (var memomyStream = new MemoryStream()) { await model.Member_UploadPicture.CopyToAsync(memomyStream); MembertoUpdate.Member_Picture = memomyStream.ToArray(); } return Ok(model); } else return BadRequest();}看法 @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "formAll", style = "margin-top:3%", enctype = "multipart/form-data" })) { <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Personnal</h3> </div> <div class="panel-body"> <div id="formMember" class="row col-xs-12"> @Html.ValidationSummary(true, "", new { @class = "text-danger" }) <div class="col-xs-6"> <div class="form-check-inline col-xs-12" style="margin-top:2%"> </div> </div> </div> </div> </div>}
2 回答
絕地?zé)o雙
TA貢獻1946條經(jīng)驗 獲得超4個贊
因為var formData = $("#formAll").serialize();，它不能序列化IFormFile，你需要追加IFormFile到formData.
<script type="text/javascript">
$(document).ready(function () {
$("#formAll").submit(function (event) {
event.preventDefault();
var formData = new FormData();
formData.append('Member_NameFirst', $('#Member_NameFirst').val());
formData.append('Member_UploadPicture', $('#Member_UploadPicture')[0].files[0]);
$.ajax({
url: "https://localhost:44307/home/getmember",
type: 'POST',
data: formData,
dataType: 'json',
processData: false,
contentType: false,
success: function (data) {
//code
},
error: function (error) {
//code
}
});
}) })
</script>
守候你守候我
TA貢獻1802條經(jīng)驗 獲得超10個贊
消除
@Html.EditorFor(model => model.Member_UploadPicture, new { htmlAttributes = new { @class = "form-control-file", @id = "Member_UploadPicture" } })
添加到你的ajax請求
processData: false,
contentType: false,
- 2 回答
- 0 關(guān)注
- 116 瀏覽
添加回答
舉報
0/150
提交
取消