使用Jquery的multipart / form-data上传文件

Question

可以帮助我如何使用JQuery上传文件，使用JQuery提交表单，允许用户在文本区域输入一些数据，并将图像文件附加到注释中，这样我就会遇到问题表单无法上传文件，只能上传上传图片的文本和时间戳。有谁知道我怎么做这个

JQuery

$(document).ready(function() {
     $("#statusForm").submit(function() {
     var frm = $('#statusForm');
        $.ajax({
            type: frm.attr('method'),
            url: 'tweet.php',
            data: frm.serialize(),
            success: function (data) {
            $('#new_tweet').html(data);
            $('#txtArea').val('');
            },
            error: function(jqXHR, textStatus, errorThrown){
            // log the error to the console
            console.log(
                "The following error occured: "+
                textStatus, errorThrown
            );
            }

        });

        return false;
    });
});

HTML

<form action="tweet.php" method="post" id="statusForm" name="statusForm" enctype="multipart/form-data">
<textarea id="txtArea"  name="status"  placeHolder="whatsup today" class="txtArea" onfocus="this.rows=7;"></textarea>
<input type="button" id="photo" value="+Image" class="buttons"> 
<input type="hidden" id="checkin">
<input type="submit" value="submit" class="Mbuttons" id="sub" name="submit">
</form>

我也会感激任何建议