jQuery:具有文本编辑值的多个上载文件

时间:2016-06-06 08:41:56

标签: javascript jquery

所以,我尝试使用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);
                  }

    });

});

  });

0 个答案:

没有答案