所以,我尝试使用jQuery Ajax进行POST。
如果我不使用文件上传,它的工作正常。
如何上传多个数据并将其发送到服务器?
是否可以这样做..?
感谢ADvance。
HTML:
<form id="uploadimage" method="POST" enctype="multipart/form-data" action="">
<input type="text" name="rsdtIncdSourceID" id="rsdtIncdSourceID" >
<input type="text" name="rsdtTrnsId" id="rsdtTrnsId" >
<input name="rsdtDescription" id="rsdtDescription" >
<select name="rsdtMsrsId" id="rsdtMsrsId">
<option></option>
</select>
<input type="file" id="input-file" required multiple>
</form>
<button class="btn btn-xl wow fadeInUp" id="btnPost">Process</button>
JS:
$(function(){
var $rsdtIncdSourceID = $('#rsdtIncdSourceID');
var $rsdtTrnsId = $('#rsdtTrnsId');
var $rsdtMsrsId = $('#rsdtMsrsId');
var $rsdtDescription = $('#rsdtDescription');
var $rsdtFiles = $('#input-file'); **// HOW TO GET THIS VALUE ?**
$('#btnPost').on('click', function(){
var match = {
rsdtIncdSourceID: $rsdtIncdSourceID.val(),
rsdtTrnsId: $rsdtTrnsId.val(),
rsdtMsrsId: $rsdtMsrsId.val(),
rsdtDescription: $rsdtDescription.val(),
rsdtFiles: $rsdtFiles.files[0], **// HOW TO add THIS VALUE ?**
};
$.ajax({
type:'POST',
url:'http://xxxx:802/api/v1/transaction/matching/confirm',
data: match,
success: function(data, textStatus, jqXHR) {
var userObj = JSON.parse(jqXHR.responseText);
alert($rsdtDescription.val());
},
error: function(jqXHR, textStatus, errorThrown) {
alert(textStatus);
}
});
});
});