JavaScript formdata object is empty for html form post request formdata object empty,form data empty object,javascript formdata object

I'm trying to use formdata object to send form data to my server. I need this because one of my input fields is a file. However the formdata object is blank when I try to send the data to my server, it also prints out "{}". What is the issue? I have jquery updated to 11.1 which supports formdata. Thanks.

  <form enctype="multipart/form-data" name="formName" id="formId">
    <input type="text" name="name" class="form-control" id="name">
  </form>
  <button type="submit" class="btn btn-xl sub">Send Message</button>

  <script>
      $(".sub").click(function(){
         var formElement = document.querySelector("form");
         alert(formElement); //alert message is "[object HTMLFormElement]"
         var d = new FormData(formElement);
         alert(JSON.stringify(d)); //alert message is "{}"
         $.post("/email",d,function(data){
            alert("success!");
         });
      });
  </script>

Server:

/*never reaches endpoint*/
app.post('/email', function(req, res) {
    console.log("entered");
    console.log(req.body) // form fields
    console.log(req.files) // form files
    var resume = req.files;
    email(req.body, resume);
});

https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects

Answer:1

Handling multiple files from an input element in an array with Google Apps Script

I have a form, which allows to select an item from a dropdown list and upload a file. The name and the ID of the item are saved in a Spreadsheet document. Works with one file...but I want to upload ...

handling multiple files in python
handling multiple files in vi
handling multiple files in c
handling multiple files in vi editor
handling multiple files using awk
vim handling multiple files
handling multiple feature files in cucumber
sftp handling multiple files simultaneously

How do I enable arrow navigation on keyboard for a list of Div using jQuery

I am following a tutorial [here][1] to make a Facebook like friend tagging system. But the tutorial lacks the "arrow navigating" capability like Facebook. I would like to figure out how to achieve ...

enable arrow navigation in excel
how to enable arrow navigation

Saving html form data to file

I am using Trisquel 7.0. I've some basic knowledge about html and JavaScript. Now I want to save html form data to file (Also interested in loading/filling html form from file). I searched and found ...

saving html form data to text file
saving html form data to xml
saving html form data
saving html form data to xml using javascript
saving html form data to file
saving html form data to xml using php
html saving form values
html form using php

Trouble filtering unique ID's

Setup: leftItems & rightItems are arrays of 5 digit ID's. matchedItems is an array of all those ID's - there a lots of results with the same ID. $matches is a div to which I want to append results ...