<input type="file" name="fileinput" id="fileinput">
<button class="btn btn-primary" id="btnupload">upload</button>
<script>

$('#btnupload').click(function(){
 var formData = new FormData();
 formData.append("MacsToChangeImage", selectedMACs.toString());
 formData.append("userfile", $('#fileinput').files[0]);
 $.ajax({
  url: "ChangeImagesFunction.php",
  type:'POST',
  data: formData,
  processData: false,
  cententType: false,
  success: function(data)
  {
      alert('success' + data);
  },
  error:function(response){
    alert(JSON.stringify(response));
  }
 });
});

</script>

if(!empty($_FILES)) {
 $target_dir = "img/epd_uploads/";
 $temporaryFile = $_FILES['userfile']['tmp_name'];
 $targetFile =  $target_dir . $_FILES['userfile']['name'];
if(!move_uploaded_file($temporaryFile,$targetFile))  {
  echo "Error occurred while uploading the file to server!";
}else{
  if (isset($_POST['MacsToChangeImage'])){

    //Name of the Uploaded File
    $ChangeImageToPHP = $_FILES['userfile']['name'];
    //Get the Array
    $MacsToChangeImageStr = $_POST['MacsToChangeImage'];
    $MacsToChangeImagePHP = explode(",",$MacsToChangeImageStr);
  }
 }
}