私はformdataでファイルをアップロードしようとしています。ファイルだけで動作しますが、私はいくつかのユーザーデータをアップロードする必要があります。私はformdataを追加しようとしましたが、ajaxによって呼び出されたphpファイルの配列($ _ FILES)を "print_r"とするとそこには表示されません。フォームデータ付きマルチパートファイルアップロード
誰かが問題の解決策を持っている場合、またはユーザーデータを使用してファイルアップロードに取り組むためのより良い方法がある場合は、教えてください。
PHP:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="style.css" rel="stylesheet" type="text/css">
<script src="jquery-1.12.0.min.js"></script>
</head>
<body>
<div class="container">
<h1>AJAX File upload</h1>
<form method="post" action="" enctype="multipart/form-data" id="myform">
<input type="text" id="test" value="sample">
<div >
<img src="" id="img" width="100" height="100">
</div>
<div >
<input type="file" id="file" name="file" />
<input type="button" class="button" value="Upload" id="but_upload">
</div>
</form>
</div>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("#but_upload").click(function(){
//console.log("piemel");
console.log(document.getElementById('test').value);
var fd = new FormData();
var files = $('#file')[0].files[0];
fd.append('test', document.getElementById('test').value);
fd.append('file',files);
console.log(fd);
$.ajax({
url:'upload.php',
type:'post',
data:fd,
contentType: false,
processData: false,
success:function(response){
if(response != 0){
$("#img").attr("src",response);
}
},
error:function(response){
alert('error : ' + JSON.stringify(response));
}
});
});
});
</script>
</html>
Ajaxのファイル:あなたが使用したコードを見ることができます
あなたがポストを使用してデータを送信しているよう
<?php
/* Getting file name */
$filename = $_FILES['file']['name'];
/* Location */
$location = "upload/".$filename;
/* Upload file */
if(move_uploaded_file($_FILES['file']['tmp_name'],$location)){
echo $location;
}else{
echo 0;
}
これは私のニーズに完全に対応しています。私は$ file_extension = end($ temporary)だけを変更しました。 $ file_extension = strtolower(end($ temporary))に変更します。 –