title: is that possible to send FormData along with Image file to web API from Angular 6 application
body: <p>Is it possible to pass the form data along with image file to web api from angular 6 application.</p>
  
  <p>app.component.ts</p>
  
  <pre><code>onSelectFile(event) {
    if (event.target.files &amp;&amp; event.target.files[0]) {
      this.imageToUpload = event.target.files[0];
      const reader = new FileReader();
      reader.onload = e =&gt; this.selectedImage = reader.result.toString();
      this.fileName = event.target.files[0].name;
      reader.readAsDataURL(this.imageToUpload);
    }
  }
  
  createNewComitteeMember() {
    var mServiceObject = {
      ComitteeMemberName: this.comittee_Member_Name.value,
      ComitteeMemberNumber: this.comittee_Member_Number.value,
      ComitteeMemberType: this.comittee_Type.value,
      ComitteeMemberTypeOthers: this.comittee_Type_Others.value,
  
      ComitteeMemberPosition: this.comittee_Member_Position.value,
      ComitteeMemberPositionOthers: this.comittee_Member_Position_Others.value,
      ComitteeMemberStatus: this.comittee_Member_Status.value
    }
  
    this.dmlService.CreateNewComitteeMember(mServiceObject, this.imageToUpload ).subscribe(data =&gt; {
      console.log(data);
  
    });
  }
  </code></pre>
  
  <p>service.ts</p>
  
  <pre><code>CreateNewComitteeMember(mFormData,mImage){
  // here how can I merge the mFormData and mImage and pass it to the web API
  }
  </code></pre>
  
  <p>can anyone help me to solve this .</p>