Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图片上传JQuery表单和PHP停止跳转页面_Javascript_Php_Jquery_Html - Fatal编程技术网

Javascript 图片上传JQuery表单和PHP停止跳转页面

Javascript 图片上传JQuery表单和PHP停止跳转页面,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我在一个图像上传页面工作。上传工作正常,但每当我单击submit时,它都会转到php页面。我已返回false并设置为FAUT。有没有办法阻止它进入php页面 我的html代码 <form action="imageupload.php" method="post" id="image_form"enctype="multipart/form-data"> <input id="update_image" name="file" type="file" maxleng

我在一个图像上传页面工作。上传工作正常,但每当我单击submit时,它都会转到php页面。我已返回false并设置为FAUT。有没有办法阻止它进入php页面

我的html代码

 <form action="imageupload.php" method="post" id="image_form"enctype="multipart/form-data">
     <input id="update_image" name="file" type="file" maxlength="40">
     <input id ="image_submit" type="submit" name="submit" value="Submit">
 </form>
<div id="output"> </div>
试试这个

<form action="javascript: your function name" method="post" id="image_form" enctype="multipart/form-data">

您可以通过FromData对象和ajax调用提交,而无需重新加载页面。这将使您可以在不重新加载页面的情况下提交图像或文件,因此您可以忘记html表单标记(如果需要)以及提交阻止默认值

我的博客中有一个例子:


抱歉,因为它是西班牙语的,但代码可能很有用

看起来问题出在ajaxSubmit函数中,它在调用preventDefault之前重新加载页面并返回false;
<form action="javascript: your function name" method="post" id="image_form" enctype="multipart/form-data">
 $("#image_form").submit(function(event) { 
       event.preventDefault();
       $(this).ajaxSubmit(options);  //Ajax Submit form                               
       return false; 
       });