0

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>

また、ご提案をいただければ幸いです

4

0 に答える 0