使用jquerypost和php上传一个文件

Question

尝试在不使用表单的情况下上传文件，并使用$.post传输文件
我想问题出在php方面，但我不确定

<input type='file' id='inpfile'>
$(inpfile).on('change', function(){
var fd = new FormData();
var file = $(inpfile)[0].files[0];
fd.append('file', file);
fd = JSON.stringify(fd);
$.post('pro.php', {fn: 'upload', args: [fd]}, function(data){
console.log(data);
});
});

pro.php

if(isset($_POST['fn'], $_POST['args'])){
$fn = $_POST['fn']; $args = $_POST['args'];
$fn(...$args);
}
function upload($fd){
$fd = json_decode($fd);
$fname = $fd->file;
$destination = 'upload/' . $fname;
move_uploaded_file($fname, $destination);
}

Answer 1

您不能简单地使用$post方法上传文件，并且表单数据在更改为字符串时不能发送文件。您需要添加contentType:false and processData:false,并删除此代码fd = JSON.stringify(fd);。此外，您的jquery无法识别更改，因为您没有正确处理它。应该是$('#inpfile').on('change', function()而不仅仅是$(inpfile).on('change', function()

你可以试试这个代码。

<input type='file' id='inpfile'>
$('#inpfile').on('change', function(){
var fd = new FormData();
var files = $('#inpfile')[0].files;
fd.append('file',files[0]);
$.ajax({
url: 'pro.php',
method: 'post',
data: fd,
contentType: false,
processData: false,
success: function(response){
//your code.....
}

});     
});

在PHP服务器端，您可以使用files方法而不是post方法进行检查。那就是

if(isset($_FILES['file']['fd'])){
your code.......
}