通过Ajax发送多数据JS对象

Question

我试图从我的表单中收集字符串值和图像，并将它们附加到我的JS对象。我对字符串值没有任何问题，但是当我将二进制数据放入JS对象时，它总是空的

HTML：

<div class="form-section">

<div class="form-element">
 <input class="upl-img" type="file" />
</div>

<div class="form-element">

</div>
<div class="form-element">
 <input class="upl-img" type="file" />
</div>

</div>

JS：

  function buildMyFormSection(){

   formElement = {
   options = {
   ---
   elemImage : getFormImage(this.closest($('#image-field'))[0].files[0]),
   -----
    }

    }

   }
   function getFormImage(imgInput){
   var img = {};

   var file = imgInput;
   var reader = new FileReader();
    reader.onload(function(e){

   img.name = imgInput.name;
   img.data = e.target.result;

   console.log(e.target.result);

   });

   reader.readAsDataURL(imgInput);

   return img;

   }

getFormImage函数返回所需的数据，但上面的elemImage总是显示我＆＃34; {}＆＃34;作为价值。