3

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>

そしてここにupload.phpがあります：

<?php
print_r($_POST);
?>

基本的に、JavaScriptを介して送信したデータにアクセスする方法をまだ理解しているため、ファイルをアップロードするためのスクリプトをまだ作成していません。次に何をすべきか教えてもらえますか？upload.phpからファイルにアクセスするにはどうすればよいですか。

4

1 に答える 1

9

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

于 2012-06-04T10:35:41.297 に答える