1

ajax jqueryを使用してフォームを送信しています。他のフィールドと一緒に画像をアップロードしたいと思います。

それを達成するために現在のスクリプトを変更することは可能ですか、それともすべてやり直す必要がありますか:-

私のjqueryは:-

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

<script type="text/javascript">
    $(function () {
        $(".submit").click(function () {
            var article_title = $("#article_title").val();
            var article_body = $("#article_body").val();

            var dataString = 'article_title=' + article_title + '&article_body=' + article_body;

            if (article_title == '' || article_body == '') {
                $('.success').fadeOut(200).hide();
                $('.error').fadeOut(200).show();
            } else {
                $.ajax({
                    type: "POST",
                    url: "<?php echo site_url().'/main/submit_article'?>",
                    data: dataString,
                    success: function () {
                        //$('.success').fadeIn(200).show();
                        $('#article_form')[0].reset();
                        $('.error').fadeOut(200).hide();
                    }

                });
            }

            return false;
        });
    });
</script>

私のHTMLフォーム:-

<form name="article_form" id="article_form" class="article_form" method="POST" action="">
    <input type="text" name="article_title" id="article_title" placeholder="Title for your article" /> <!--<input type="file" name="pic" />-->
    <br>
    <textarea rows="12" name="article_body" id="article_body" placeholder="Tell your story"></textarea>
    <br>
    <input type="submit" name="submit" id="submit" value="Post" class="submit"/>
</form>
4

3 に答える 3

2

jQuery.formプラグインを利用してみませんか。

このプラグインを使用すると、ファイルのアップロードを効率的に処理できます。こちらを確認してください。

フィールドをクリアするため

$(':input','#myform').not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
于 2013-02-25T06:27:11.580 に答える
1

enctype="multipart/form-data"をフォーム要素に追加します。

于 2013-02-27T10:01:53.033 に答える
0

ここで時間を節約しましょう。試してみてください：

アップロードhttp://www.uploadify.com/

またはあなたが試すことができます：

Jquery フォームmalsup.com/jquery/form/

プログレス バー、複数のアップロードが必要な場合は、ドラッグ アンド ドロップ https://github.com/valums/file-uploader

これらのツールとプラグインを使用して、ストレスを解消してください。より良いアイデアがない限り、車輪を再発明しないでください。

于 2013-02-25T09:48:36.307 に答える