如何通过 formdata 传递一整套模型对象并将其转换为控制器中的模型类型？
下面是我试过的！
JavaScript 部分：
model = {
EventFromDate: fromDate,
EventToDate: toDate,
ImageUrl: imgUrl,
HotNewsDesc: $("#txthtDescription").val().trim(),
};
formdata.append("model",model);
然后通过 AJAX 传递它，它将是一个字符串，如果我检查Request.Form["model"]结果的值将是相同的，即它将作为字符串接收，值将是"[object object]"
有没有办法通过formdata传递模型并在控制器中接收它？
如果您的视图基于模型并且您在<form>标签内生成了控件，那么您可以将模型序列化为FormData使用
var formdata = new FormData($('form').get(0));
这还将包括使用生成的任何文件 <input type="file" name="myImage" .../>
并将其发回使用
$.ajax({
url: '@Url.Action("YourActionName", "YourControllerName")',
type: 'POST',
data: formdata,
processData: false,
contentType: false,
});
并在您的控制器中
[HttpPost]
public ActionResult YourActionName(YourModelType model)
{
}
或（如果您的模型不包含 的属性HttpPostedFileBase）
[HttpPost]
public ActionResult YourActionName(YourModelType model, HttpPostedFileBase myImage)
{
}
如果要添加不在表单中的其他信息，则可以使用附加信息
formdata.append('someProperty', 'SomeValue');
如果你想使用 Ajax 发送表单数据。这是发送的方式
var formData = new FormData();
//File Upload
var totalFiles = document.getElementById("Iupload").files.length;
for (var i = 0; i < totalFiles; i++) {
var file = document.getElementById("Iupload").files[i];
formData.append("Document", file);
}
formData.append("NameCode", $('#SelecterID').val());
formData.append("AirLineCode", $('#SelecterID').val());
$.ajax({
url: "/Controller/ActionName",
type: "POST",
dataType: "JSON",
data: formData,
contentType: false,
processData: false,
success: function (result) {
}
})
使用纯 Javascript，考虑到你有
<form id="FileUploadForm">
<input id="textInput" type="text" />
<input id="fileInput" type="file" name="fileInput" multiple>
<input type="submit" value="Upload file" />
</form>
JS
document.getElementById('FileUploadForm').onsubmit = function () {
var formdata = new FormData(); //FormData object
var fileInput = document.getElementById('fileInput');
//Iterating through each files selected in fileInput
for (i = 0; i < fileInput.files.length; i++) {
//Appending each file to FormData object
formdata.append(fileInput.files[i].name, fileInput.files[i]);
}
//text value
formdata.append("textvalue",document.getElementById("textInput").value);
//Creating an XMLHttpRequest and sending
var xhr = new XMLHttpRequest();
xhr.open('POST', '/Home/UploadFiles');
xhr.send(formdata); // se
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
//on success alert response
alert(xhr.responseText);
}
}
return false;
}
在您的 C# 控制器中，您可以获得如下值
[HttpPost]
public ActionResult UploadFiles(YourModelType model, HttpPostedFileBase fileInput)
{
//save data in db
}
在视图方面，如果您使用的是 ajax，则
$('#button_Id').on('click', function(){
var Datas=JSON.stringify($('form').serialize());
$.ajax({
type: "POST",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
url: '@Url.Action("ActionName","ControllerName")',
data:Datas,
cache: false,
dataType: 'JSON',
async: true,
success: function (data) {
},
});
});
在控制器端，
[HttpPost]
public ActionResult ActionName(ModelName modelObj)
{
//Some code here
}