Javascript 通过AjaxForm提交图像并执行回调

我有以下功能

(inside onchange; console.log works well)
$("#prof_picture").ajaxForm(
        {

        target: '#preview',
        success: function(response){

            console.log("called");

        }
}); 

未调用success函数，因此未收到任何反馈。反馈通过以下方式得到回应：{message:“success”，action:“something”，data:Array}。有人能帮我吗？多谢各位

这是表格

<form id="profile_picture_upload" enctype="multipart/form-data" action="profile/uploadProfilePicture.php" method="post" name="prof_picture">
   <input id="profpic1" style="display:none;" name="profile_picture" type="file">
   <a id="change_profile_picture" class="profile_option" onclick="$('#profpic1').click();">Upload</a>
</form>

上传

正如昆汀所提到的，表单没有提交

将ajax绑定到正确的表单ID，而不是表单名称

$("#profile_picture_upload").ajaxForm(
    {

    target: '#preview',
    success: function(response){

        console.log("called");

    }
}); 

并使用此html提交表单

<form id="profile_picture_upload" enctype="multipart/form-data" action="profile/uploadProfilePicture.php" method="post" name="prof_picture">
   <input id="profpic1" style="display:none;" name="profile_picture" type="file" onchange="$('#profile_picture_upload').submit();">
   <a id="change_profile_picture" class="profile_option" onclick="$('#profpic1').click();">Upload</a>
</form>

上传

---

尽管如果您这样做，它将点击进入下一页，因此您可能希望添加返回false以防止它离开此页。

查看浏览器的开发人员工具。看看JavaScript控制台。它是否报告任何错误？看看网络标签。有人提出要求吗？它得到回应了吗？它们是否包含您期望的数据？如果未调用

success

，则添加

error

，并检查传递的参数。此处不太详细，但由于听起来像是要上载文件，因此是否包含`enctype=“multipart/form data”`在你的

？@DaveGoten中，我更新了question@Quentin没有什么叫做…@AndreCalenta-看到了更新的代码，我不明白为什么你认为应该调用Ajax例程。你从不提交表格。