图片不通过ajax上传

Question

我正试图通过提交表格上传一张图片。下面是我的代码片段：

html:

<form method="POST" id="statusform" action="insertstatus.php" enctype="multipart/form-data">
<textarea name="statusText" onclick="javascript:this.value='';" class="retroText" style="width:600px;height:100px;font-family:lucida sans unicode,lucida grande,sans-serif;resize:none;padding:5px;">Post your crap here ...</textarea>
<input type="file" name="statusPhoto" accept="image/gif, image/jpeg, image/x-ms-bmp, image/x-png" size="26" />
</form>

jquery:

$("#statusform").submit(function() {

        $.post($("#statusform").attr("action"), $("#statusform").serialize(), function(data){           
            alert(data);
        });


        //Important. Stop the normal POST
        return false;
    });

php:

if(isset($_FILES['statusPhoto']) && $_FILES['statusPhoto']['size'] > 0)
{
         <Image Upload Code>
}
else
echo "Photo not submitted";

ajax返回的消息是:没有提交照片。请救救..！

Answer 1

你在上传，而不是图片，你上传它的名字。

$("#statusform").serialize()返回一个字符串，图像是一个blob。例如，尝试使用一些jQuery插件。

Answer 2

您可以通过iframe异步上传文件，如本文所述：

http://viralpatel.net/blogs/ajax-style-file-uploading-using-hidden-iframe/