您需要發送文件和其他字段的腳本。
//Purpose: Form Submit: SAVE (Here the file plus form data is saved
document.getElementById('frmPage').onsubmit = function (e) {
debugger;
var file = document.getElementById('fileToUpload').files[0];
var filename;
if (file) {
filename = file.name;
}
else {
filename = "";
}
$('#Image').val(filename);
var formObj = $(this);
var formURL = '@Url.Action("SaveMethod", "ControllerName")';
var formData = new FormData(this);
$.ajax({
url: formURL,
type: 'POST',
data: formData,
mimeType: "multipart/form-data",
contentType: false,
cache: false,
processData: false,
success: function (data, textStatus, jqXHR) {
debugger;
alert("Client saved successfully");
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
e.preventDefault(); //Prevent Default action.
}
這是設計:
<div>
<form id="frmPage" class="form-horizontal">
<div class="form-body">
<div class="form-group">
<label id="lblImage" class="col-md-3 control-label">Upload File</label>
<div class="col-md-4">
<input type="file" id="fileToUpload" name="file" />
</div>
</div>
<div class="modal-footer" style="margin-top: 0px">
<div class="pull-right">
<button type="submit" id="btnSave" class="btn blue Save">Save</button>
</div>
</div>
</form>
</div>
這裏:該btnSave是提交類型,所以它會提交特定形式。名爲frmPage的表單將執行我們添加的jquery腳本。這將保存文件和頁面數據。
您是否從常規表單中收到此消息?如果是這樣,我不確定問題是什麼。 Request.Form集合將包含POST-ed數據中的所有字段,並且Request.Files將包含所有文件。 – HaukurHaf
包括問題中的表格 – jgauffin