title: Combining XHR request with form test after resizing an image to be uploaded
body: <p>I am trying to send both form input text and an image that is being uploaded and resized client side to a php page. </p>
  
  <p>The image is sending fine but when I try to append the text data, it won't work. </p>
  
  <pre><code> var xhr = new XMLHttpRequest();
      xhr.onreadystatechange = function(ev){
          document.getElementById('filesInfo').innerHTML = 'Done!';
      };
  
      xhr.open('POST', 'uploadResized.php', true);
      xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
      var data = new FormData();
      data = 'image=' + dataURL;
      data.append('Name', 'test');
      xhr.send(data);
  </code></pre>
  
  <p>When I tried appending a string to test it, the data isn't sent at all. However without the append it still sends. How do I append the information?</p>