AJAX и PHP: загрузка файла

1. AJAX и PHP: загрузка файла

2.

Пример того как осуществить загрузку файла через PHP и jQuery ajax.
Для начала необходимо создать HTML элемент для загрузки файла.
<input id="sortpicture" type="file" name="sortpic" />
<button id="upload">Upload</button>

3. Далее необходимо дописать JS код:

$('#upload').on('click', function() {
var file_data = $('#sortpicture').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
alert(form_data);
$.ajax({
url: 'upload.php',
dataType: 'text',
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'post',
success: function(php_script_response){
alert(php_script_response);
}
});
});

4. Теперь приступим к PHP скрипту, где загрузим файл на сервер. upload.php:

<?php
if ( 0 < $_FILES['file']['error'] ) {
echo 'Error: ' . $_FILES['file']['error'] . '<br>';
}
else {
move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' .
$_FILES['file']['name']);
}
?>

5.

Несколько слов о каталоге, в который загружается файл:
1.
Убедитесь, что путь к каталогу верен
2.
Каталог должен быть доступен для записи.
Пару слов о PHP функции move_uploaded_file, которая используется в
upload.php:
move_uploaded_file(
// временное расположение файла
$_FILES['file']['tmp_name'],
);
// конечный путь к файлу и его название
'uploads/' . $_FILES['file']['name']

6.

$_FILES['file']['name'] — изначальное имя файла. Можете задать
своё название:
move_uploaded_file(
$_FILES['file']['tmp_name'],
'uploads/my_new_filename.whatever'
);