Как передать имя загружаемого файла из переменной js в php?

Question

[0x7000]

Каким образом можно асинхронно передать имя загружаемого файла из переменной js в переменную php и вывести через эхо?

Форма загрузки:

<div id="upload">
<form action="upload.php" method="post" target="hiddenframe" enctype="multipart/form-data" onsubmit="hideBtn();">
<br>
<input type="file" id="userfile" name="userfile" />
<input type="submit" name="upload" id="upload" value="Загрузить" />
</form>

PHP:

if($_POST['userfile']) {
    $str = $_POST['userfile'];
   }
   echo $str;

JS:

var filename = document.getElementById("userfile").files[0].name;
  alert(filename);

Answer 1

[Rsa97]

XMLHttpRequest, fetch, axios

Comments

[0x7000]

Возможно ли это сделать через ajax?

[Надим]

0x7000, все что вам выше перечислили, это и есть AJAX.

[Rsa97]

0x7000, AJAX (Asynchronous Javascript and XML) - это общее название принципа асинхронного обмена в JS. Обмен реализуется через стандартные API браузера или дополнительные библиотеки, которые базируются на тех же API.

[0x7000]

Rsa97, Никакого вывода нет

$(document).on('click', '#button', function(){
    let txt = 'Hello';
    $.ajax({
      url: 'xml.php',
      type: 'POST',
      data: txt,
      success: function(data){
       $('p.out').text(data);
     },
      error: function(){
      console.log('ERROR');
      }
   })
  })

$txt = $_POST['txt'];
echo $txt;

[Rsa97]

0x7000, data: { txt }

[0x7000]

Rsa97, Получаю

empty string

[scottparker]

0x7000, data: {txt: txt}

[ThunderCat]

0x7000, data: txt, не вижу где у вас определяется ваш тхт, подозреваю что он или пустой, или тут

var filename = document.getElementById("userfile").files[0].name;

называется немного иначе )

scottparker, data: {txt: txt} то же самое что data: {txt}.