0

jquery ajax success 関数を使用して、php スクリプトのエコー メッセージを取得するのに慣れています。現在はプラグインを使用していますが、その使用方法がわかりません。

私のアプローチはこれですが、間違いなくうまくいきません。私のphpスクリプトに直接行くだけです

$(function() {
        $('form').ajaxForm(function() { 
           success: function(data){
                $('.new-profile-pic').html(data);
           }
        }); 
    });

HTML:

<p class="new-profile-pic">
            <!--Image should be here-->
        </p>
    <form enctype="multipart/form-data" action="upload-image.php" method="post">
            <input type="hidden" name="MAX_FILE_SIZE" value="100000">
            <input class="profile-pic-name" name="uploadedfile" type="file">
            <input type="submit">
        </form>

PHP:

    <?php
$target_path = "uploads/";
$target_path = $target_path . basename( $_FILES['uploadedfile']['name']); 

if(move_uploaded_file($_FILES['uploadedfile']['tmp_name'], $target_path)) {
    echo '<img alt="" src="'.$target_path.'">';
} else{
    echo "There was an error uploading the file, please try again!";
}
?>
4

1 に答える 1

0

デフォルト アクションが発生しないようにする必要があります。

この投稿には、あなたが探している答えがあると思います：

jquery (ajaxForm プラグイン) を使用してフォームを外部サイトに送信し、別のページにリロードしないようにするにはどうすればよいですか?

submit イベントで .preventDefault() を使用するか、フォーム送信で false を返すようにする必要があります。

<form enctype="multipart/form-data" action="upload-image.php" method="post" onsubmit="return false;">
于 2012-09-23T11:37:49.163 に答える