我目前正在同一個 ASP.NET Core 專案中處理 Web API 和 MVC。我正在嘗試上傳檔案。但是我被困在前端，因為資料只是空值或非法呼叫
HTML
<form class="needs-validation" enctype="multipart/form-data" novalidate>
<input class="file-upload" type="file" name="file" size="40" accept=".png, .jpg, .jpeg, .gif">
<button class="btn btn-primary Save-Exit" type="button" onclick="return SaveExit()">Save and Exit</button>
</form>
JS
在這里我注釋掉了，processData: false因為當將它傳遞給客戶端控制器時，它將回傳 null 到我在 formVM 上的所有資料
function SaveExit() {
var GetImages = $('[name="file"]');
console.log(GetImages[0].files)
var data = {
Total: $("#Total").val(),
Attachments : GetImages[0].files
};
$.ajax({
url: "/Forms/InsertForm",
type: "Post",
'data': data,
'dataType': 'json',
//processData: false,
success: function (result) {
window.location.href = "/Reimbusments/Expense"
},
error: function (error) {
console.log(error)
}
})
return false;
}
客戶端控制器：
[HttpPost]
public JsonResult InsertForm(FormVM formVM)
{
var sessionExpense = HttpContext.Session.GetString("ExpenseID");
var result = formRepository.InsertForm(formVM, sessionExpense);
return Json(result);
}
客戶回購：
public HttpStatusCode InsertForm(FormVM entity, string expensed)
{
entity.ExpenseId = Int32.Parse(expenseid);
StringContent content = new StringContent(JsonConvert.SerializeObject(entity), Encoding.UTF8, "application/json");
var result = httpClient.PostAsync(address.link request "FormInsert", content).Result;
return result.StatusCode;
}
查看模型類：
public class FormVM
{
public int FormId { get; set; }
public float? Total { get; set; }
public int ExpenseId { get; set; }
public IFormFile Attachments { get; set; }
}
我可以呼叫我的 API 控制器，但由于 formVM 為空，API 不起作用
uj5u.com熱心網友回復：
您可以嘗試使用以下代碼：
js：
function SaveExit() {
var formData = new FormData();
formData.append("Total", $("#Total").val());
formData.append("Attachments", $('[name="file"]')[0].files[0]);
$.ajax({
url: "/Forms/InsertForm",
type: "Post",
data: formData,
processData: false,
contentType: false,
success: function (result) {
window.location.href = "/Reimbusments/Expense"
},
error: function (error) {
console.log(error)
}
})
return false;
}
結果：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/399007.html
標籤：查询 网站 阿贾克斯 asp.net核心 asp.net-web-api