0

我习惯于使用 jquery ajax 成功函数来获取 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 插件）将表单提交到外部站点但不重新加载到其他页面？

您需要在提交事件上使用 .preventDefault() ，或者让它在表单提交时返回 false，例如：

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