title: angular 4- How do I send file in POST to backend
body: <p>I have a file upload in the form. I need to create post request to backend with this uploaded file and some other form fields too. </p>
  
  <p>Below is my code: </p>
  
  <pre><code>      fileChange(event) {
  
          const fileList: FileList = event.target.files;
          if (fileList.length &gt; 0) {
            this.file = fileList[0];
            this.form.get('file_upload').setValue(this.file);
          }
        }
  
  
        onClick(){
  
          const val = this.form.value;
  
               const testData = {
                'file_upload': this.file,
                'id': val.id,
                'name' : val.name,
                'code': val.code,
            };
  
          this.http.post('https://url', testData,
            .subscribe(
              response =&gt; {
                console.log(response);
              });
          }
  </code></pre>
  
  <p>Every field value is being sent to backend except the uploaded file. ow do I send uploaded file along with form fields to backend? 
  Let me know if any additional information is needed.</p>