hieunguyendut/sign-up.html

## sign-up.html
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("#uploadForm").submit(function(event){
        // disable the default form submission
        event.preventDefault();

        //grab all form data
        var formData = new FormData($(this)[0]);
        console.log(formData);
        $.ajax({
          url: 'http://localhost:3001/api/updateProfile',
          headers: {
            "token": "A4umwMzwmBGFjY3srG/NcSpHYMgxApekMj59Y",
            "app-key": "CopyXwPp9xazJ0ku5CZnlmgAx2Dld8SHkAeT"
          },
          type: 'POST',
          data: formData,
          async: false,
          cache: false,
          contentType: false,
          processData: false,
          success: function (data, textStatus, request) {
            console.log(data);
            console.log(request.getResponseHeader('token'));
          }
        });
        return false;
      });
    });

    </script>
  </head>
  <body>
    <form ref='uploadForm'
      id='uploadForm'
      encType="multipart/form-data">
        Avatar:<br>
        <input type="file" name="avatar" /> <br>
        Name:<br>
        <input type="text" name="name" /> <br>
        Address:<br>
        <input type="text" name="address" /> <br>
        email:<br>
        <input type="email" name="email" /> <br>
        <input type="submit"></input>
    </form>
  </body>
</html>
	<html>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script>
	$(document).ready(function(){
	$("#uploadForm").submit(function(event){
	// disable the default form submission
	event.preventDefault();

	//grab all form data
	var formData = new FormData($(this)[0]);
	console.log(formData);
	$.ajax({
	url: 'http://localhost:3001/api/updateProfile',
	headers: {
	"token": "A4umwMzwmBGFjY3srG/NcSpHYMgxApekMj59Y",
	"app-key": "CopyXwPp9xazJ0ku5CZnlmgAx2Dld8SHkAeT"
	},
	type: 'POST',
	data: formData,
	async: false,
	cache: false,
	contentType: false,
	processData: false,
	success: function (data, textStatus, request) {
	console.log(data);
	console.log(request.getResponseHeader('token'));
	}
	});
	return false;
	});
	});

	</script>
	</head>
	<body>
	<form ref='uploadForm'
	id='uploadForm'
	encType="multipart/form-data">
	Avatar:<br>
	<input type="file" name="avatar" /> <br>
	Name:<br>
	<input type="text" name="name" /> <br>
	Address:<br>
	<input type="text" name="address" /> <br>
	email:<br>
	<input type="email" name="email" /> <br>
	<input type="submit"></input>
	</form>
	</body>
	</html>