使用ajax将图像发送到php文件
我需要通过ajax将图像发送到php文件。我不能将表单标记用于我的目的。根据我所读的内容，最好的方法是将processData和contentType设置为false，将dataType设置为json。如果我单击submit，ajax似乎不会启动。如果我删除“dataType:'json'”，ajax会触发，我会收到一个警报“getimagesize（[object FormData]）：无法打开流：中没有这样的文件或目录…”。我已经读到，我可能需要重置服务器端的内容类型，但我不知道如何进行 index.php使用ajax将图像发送到php文件,php,jquery,ajax,Php,Jquery,Ajax,我需要通过ajax将图像发送到php文件。我不能将表单标记用于我的目的。根据我所读的内容，最好的方法是将processData和contentType设置为false，将dataType设置为json。如果我单击submit，ajax似乎不会启动。如果我删除“dataType:'json'”，ajax会触发，我会收到一个警报“getimagesize（[object FormData]）：无法打开流：中没有这样的文件或目录…”。我已经读到，我可能需要重置服务器端的内容类型，但我不知道如何进行 i
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).on('click', '#sendFile', function() {
var file = $("#file").prop('files')[0];
var data = new FormData();
data.append('image', data);
$.ajax({
type: "POST",
processData: false,
contentType: false,
dataType: 'json',
url: 'uploadFile.php',
data: data,
success: function(data){
alert(data);
}
});
});
</script>
</head>
<body>
<input type="file" name="file" id="file"><br>
<button id="sendFile">Submit</button>
<body>
</html>
$（document）.on（'click'，'#sendFile'，function（）{
var file=$（“#file”）.prop（'files'）[0]；
var data=new FormData（）；
data.append（'image'，data）；
$.ajax({
类型：“POST”，
processData:false，
contentType:false，
数据类型：“json”，
url:'uploadFile.php'，
数据：数据，
成功：功能（数据）{
警报（数据）；
}
});
});
提交
<?php
if(isset($_POST['image'])){
$data = $_POST['image'];
echo getImageSize($data); //Just to test if $data is an image file
} else {
echo "Not working";
}
?>
在PHP页面上，您必须通过
data<?php
if(isset($_POST['data'])){
$data = $_POST['data'];
echo getImageSize($data); //Just to test if $data is an image file
} else {
echo "Not working";
}
?>
是的，您正在将数据发布到
sendFile.phpuploadFile.phpvar file = $("#file")[0].files[0];
var data = new FormData();
data.append('image', file);
$.ajax({
type: "POST",
processData: false,
contentType: false,
cache: false,
dataType: 'json',
url: 'uploadFile.php',
mimeType: 'multipart/form-data',
data: data,
success: function(data){
alert(data);
}
});
也许在做出改变之后，ajax仍然不会启动。如果我删除了“dataType:'json'”，我会收到“Not working”警报。你能告诉我开发工具中的ajax状态吗？你正在将数据发布到
sendFile.phpuploadFile.phpXHRvar_dump($_FILES['image'});