파일 및 다른 일부 필드를 보내야하는 스크립트입니다.
<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>
여기 :
//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.
}
이
디자인입니다 btnSave 유형을 제출, 그래서는 특정 양식을 제출합니다. frmPage라는 폼은 우리가 추가 한 jquery 스크립트를 수행 할 것이다. 그러면 파일과 페이지 데이터도 저장됩니다.
정규 양식에서이 소식을 받고 있습니까? 그렇다면 문제가 무엇인지 잘 모르겠습니다. Request.Form 컬렉션에는 POST 된 데이터의 모든 필드가 포함되며 Request.Files에는 모든 파일이 포함됩니다. – HaukurHaf
질문에 양식을 넣으십시오 – jgauffin