File Upload with other post parameters by ajax

ajax.js

$(document).on("click", "#button-send", function () {
  const payload = new FormData();
  payload.append("param1", $("#param1").val());
  payload.append("file",$('#photo-url')[0].files[0]);

  $.ajax({
      url: "<URL>",
      type: 'POST',
      data: payload,
      processData: false,  // tell jQuery not to process the data
      contentType: false   // tell jQuery not to set contentType
  }).done(function (response) {
      //do something
  }).always(function (e) {
    //do something
  });
});

page.html

<input id="photo-url" type="file">
<textarea id="param1" placeholder="Enter body text"></textarea>