我正在处理一个表单,用户在其中发送图像和评论。无论发生什么情况,ajax 调用都会直接导致错误(即使文件和注释已成功上传并写入数据库)。
我尝试记录有关错误的反馈,这就是我收到的:
Object {readyState: 4, responseText: "<pre class='xdebug-var-dump' dir='ltr'>↵<b>array</…DstagramPost succesfully made.{"check":"success"}", status: 200, statusText: "OK"}
这是我的 ajax 调用:
<script type="text/javascript">
$(document).ready(function(){
$("#postSubmit").on("click", function(e){
$.ajax({
url: "ajax/postUpload.php",
type: "POST",
data: new FormData($("#postForm")[0]),
dataType: 'json',
contentType: false,
cache: false,
processData:false,
success: function(data)
{
console.log(data);
},
error: function (request, status, error) {
console.log(request);
alert('Something is wrong');
}
});
e.preventDefault();
});
});
</script>
还有我的PHP代码:
<?php
include_once("../classes/Post.class.php");
session_start();
$post = new Post();
var_dump($_FILES);
if(!empty($_POST)){
$file_tmp_name = $_FILES['postImage']['tmp_name'];
$post->checkIfImage();
$post->checkFileSize();
$post->checkFileFormat();
$post->checkAspectRatio();
if(!$post->checkIfImage()){
$uploadStatus['image'] = "false";
}
if(!$post->checkFileSize()){
$uploadStatus['size'] = "false";
}
if(!$post->checkFileFormat()){
$uploadStatus['format'] = "false";
}
if(!$post->checkAspectRatio()){
$uploadStatus['ratio'] = "false";
}
if($post->checkIfImage() && $post->checkFileSize() && $post- >checkFileFormat() && $post->checkAspectRatio()){
$result = $post->createPost($file_tmp_name);
$uploadStatus['check'] = "success";
}else{
$uploadStatus['check'] = "error";
}
header('Content-Type: application/json; charset=utf-8', true);
echo json_encode($uploadStatus);
}
?>
所以总结一下,如果图像通过了所有要求,如 checkIfImage(),...它被上传到一个文件夹,图像路径和描述被发布在数据库中。如果它没有通过所有要求,它就不会在那里发布。但是我每次都收到错误。
如果我删除数据类型:"json"部分,它会出错,如果我将其更改为其他任何内容,我会得到以下输出:
<pre class='xdebug-var-dump' dir='ltr'>
<b>array</b> <i>(size=1)</i>
'postImage' <font color='#888a85'>=></font>
<b>array</b> <i>(size=5)</i>
'name' <font color='#888a85'>=></font> <small>string</small> <font color='#cc0000'>'passfoto.png'</font> <i>(length=12)</i>
'type' <font color='#888a85'>=></font> <small>string</small> <font color='#cc0000'>'image/png'</font> <i>(length=9)</i>
'tmp_name' <font color='#888a85'>=></font> <small>string</small> <font color='#cc0000'>'D:xampptmpphpDFE9.tmp'</font> <i>(length=24)</i>
'error' <font color='#888a85'>=></font> <small>int</small> <font color='#4e9a06'>0</font>
'size' <font color='#888a85'>=></font> <small>int</small> <font color='#4e9a06'>112825</font>
</pre>D:xampphtdocsIMDstagramPost succesfully made.{"check":"success"}
我需要的部分当然是检查,因此例如,如果检查=成功,我可以清除表单,如果不是,则给出错误。
问题是因为在echo
JSON 之前,您在 PHP 文件中输出了一些 HTML。您可以在 JSON response
参数中看到它:
<pre class='xdebug-var-dump' dir='ltr'>↵<b>array</…DstagramPost succesfully made.
删除该 HTML。响应文本应仅为以下 JSON 格式的字符串:
{"check":"success"}