Загрузка файлов с помощью XMLHttpRequest
Я пытаюсь использовать drag and drop плагин в javascript для загрузки файлов с помощью ajax.
<script>
DnD.on('#drop-area', {
'drop': function (files, el) {
el.firstChild.nodeValue = 'Drag some files here.';
var names = [];
[].forEach.call(files, function (file, i) {
names.push(file.name + ' (' + file.size + ' bytes)');
var xhr = new XMLHttpRequest();
xhr.open('POST','upload.php');
xhr.setRequestHeader("Content-type", "multipart/form-data");
xhr.send(file);
console.log(xhr.responseText);
});
document.querySelector('#dropped-files p i').firstChild.nodeValue = names.join(', ');
}
});
</script>
И вот загрузка.php:
<?php
print_r($_POST);
?>
В принципе, я еще не написал сценарий для загрузки файла, потому что я все еще выясняю, как я могу получить доступ к данным, которые я отправил через JavaScript. Вы можете подсказать мне, что делать дальше? Как получить доступ к файлу из upload.РНР.
1 ответ:
Попробуйте использовать
FormData
вместоxhr
:var formData = new FormData(); formData.append("thefile", file); xhr.send(formData);
У вас есть доступ к вашему файлу с помощью этого
array
:<?php var_dump($_FILES["thefile"]); ?>
См. подробнее: http://www.w3schools.com/php/php_file_upload.asp