Блог

Я работаю над HTML-страницей, которая содержит форму, позволяющую пользователям вводить свои данные и загружать файлы. вся информация будет вставлена в базу данных Mysql.

в Javascript я использую XMLHttpRequest для отправки файлов на сервер и «upload.php » переименовать (чтобы избежать дублирования имен) и переместить их в каталог загрузки.
Для лучшего взаимодействия с пользователем это будет сделано перед отправкой всей формы.

Мой вопрос: как я могу сохранить новые имена файлов (определенные в upload.php ), чтобы использовать их при отправке формы «submit.php «?
причина этого в том, что в «submit.php «, я сначала вставляю информацию о пользователе в таблицу «user», а затем выбираю «user_id» (автоинкремент), который будет вставлен с именами файлов в таблицу «files».

Могут ли сеансы php быть подходом для этого? есть ли другой способ? Спасибо за вашу помощь

HTML:

 <form action="submit.php" method="post" id="submitform">
<div>
<--!user info part1-->
</div>
<div id="filesContainer" class="eltContainer">
    <input type="file" id="filesList" multiple>
</div>
<div>
<--!user info part2-->
</div>
  

javascript:

 var fd = new FormData()
var xhr = new XMLHttpRequest()
for (var i=0,nb = fichiers.length; i<nb; i  ) {
    var fichier = fichiers[i]
    fd.append(fichier.name,fichier)
}
xhr.open('POST', 'upload.php', true)
  

upload.php :

 <?php 
foreach($_FILES as $file){
    $filename = date('Y') . date('m') . date('d') . date('H') . date('i') . basename($_FILES[$file]['name']);
    move_uploaded_file( $file['tmp_name'],"../upload_dir/" .$filename);  
    }
exit;
  

Я бы подумал об использовании чего-то вроде md5 для уникальных имен файлов.

Тем не менее, вы можете поместить имена файлов в некоторый массив, а затем вернуть эти имена файлов в результате post-запроса и поместить их обратно в некоторое поле ввода.

Чтобы получить ответ, просто добавьте эти строки в свой код ниже open

 xhr.onreadystatechange = function {
// If the request completed and status is OK
  if (req.readyState == 4 amp;amp; req.status == 200) {
    // keep in mind that fileNames here are JSON string
    // as you should call json_encode($arrayOfFilenames)
    // in your php script (upload.php)
    var fileNames = xhr.responseText; 
  }
}
  

Если вы хотите, рассмотрите возможность использования простой библиотеки для AJAX-запросов, такой как axios. Это HTTP-клиент на основе обещаний для браузера, очень простой в использовании и экономит ваше время и усилия, потому что вам не нужно запоминать все то, что мы с вами только что написали.

Это один из подходов, но я думаю, что вы тоже можете его использовать $_SESSION , и он вполне допустим. Я предполагаю, что на данный момент у вас нет пользователя, вошедшего в систему, поэтому моя идея заключается в следующем:

• поместите имена файлов в $_SESSION

• используйте транзакции БД — как предложил @Marc B — для соединения файлов с
  пользователем

• если ошибок не было, просто удалите имена файлов из $ _SESSION, если они были, просто перенаправьте пользователя обратно в форму (возможно, с некоторой информацией о том, что пошло не так), и таким образом ему не нужно повторно загружать файлы, потому что у вас все еще есть имена файлов в $_SESSION