提交文件而不刷新页面[重复]
我正在尝试在不刷新页面的情况下上载图片。我使用了事件。preventDefault（）以停止刷新页面。但是，当我编写事件时，jQuery代码中的PHP代码没有被执行（我想，至少图片没有被上传到mySQL）。preventDefault（）插入我的jQuery代码。这是我的密码：
<?php
$target_file = ($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
if(isset($_POST["submit"])) {
$check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
if($check !== false) {
echo "File is an image - " . $check["mime"] . ".";
$uploadOk = 1;
} else {
echo "File is not an image.";
$uploadOk = 0;
}
else {
$link = mysqli_connect(); // Connects successfully
$image = addslashes(file_get_contents($_FILES['fileToUpload']['tmp_name']));
$image_name = addslashes($_FILES['fileToUpload']['name']);
$query = "INSERT INTO `pictures` (`name`, `image`) VALUES ('{$image_name}', '{$image}')";
if (!mysqli_query($link, $query)) { // Error handling
echo "Something went wrong! :(";
}
else {
$storeArray = Array();
$query = "SELECT image FROM pictures";
if($result = mysqli_query($link, $query)) {
while($row = mysqli_fetch_array($result)) {
$storeArray[] = $row['image'];
}
}
else {
echo "something is wrong!";
}
}
for ($x = 0; $x <= 10; $x++) {
echo '<img src="data:image/jpeg;base64,'.base64_encode($storeArray[$x]).'"/>';
}
}
}
else {
}
?>
event.preventDefault();
});
});
有人知道如何阻止页面刷新和我的PHP代码被执行吗？
共有1个答案
执行异步HTTP（Ajax）请求. jQuery AJAX
-
问题内容： 有人可以告诉我使用 jquery来显示成功提交表单 而不刷新页面 的教程。传递邮件时，在gmail上会发生类似的事情，黄色的叠加层显示邮件已传递，然后淡出。 我希望根据表单提交的结果显示消息。 问题答案： 好的…类似这样的东西…但是我没有尝试过…所以像教程一样使用它。您也可以使用json js： HTML： form_process.php
-
问题内容： 我的表单类似于以下内容： 我是AJAX的新手，我要完成的工作是当用户单击“提交”按钮时，我希望脚本在后台运行而不刷新页面。 我尝试了类似下面的代码的方法，但是，它似乎仍然像以前一样提交表单，而不像我所需要的那样（在幕后）： 如果可能的话，我想获得使用AJAX实施此功能的帮助， 提前谢谢了 问题答案： 您需要阻止默认操作（实际提交）。
-
问题内容： 我想提交表单而不刷新页面，从我阅读的内容来看，它应该可以与Ajax一起使用，我在做什么错？ 当我这样做时，一切都与php和其他东西一起工作： 但是我希望它提交而不刷新页面。 HTML的一部分： JavaScript的一部分： 提前致谢。 编辑：可能已修复它在提交但没有发送提交 问题答案： 解决了它只是替换了： 用这个代替
-
问题内容： 我有一个文件，其中我在页面顶部显示外部页面（使用iframe），其他部分是写在文件中的html代码的输出。 HTML代码如下所示： 现在，我想以编程方式刷新页面而不刷新。 我的问题是我可以不刷新页面就刷新页面吗？ 答案/提示将不胜感激。 问题答案： 该嵌在主HMTL页面（或在JSP）。因此，如果刷新页面，则肯定会再次加载iframe。 为了避免这种情况，我可以考虑以下两种选择： 使用A
-
为什么在刷新页面后重新提交 去http://qass.im/message-envelope/ 并上传任何文件，但仅限文本"gif"，"jpeg"，"jpg"，"png"，"zip"，"pdf"，"docx"，"rar"，"txt" 上传后点击F5按钮刷新页面 现在重新提交并重新上传文件！ 为什么呢？ 我想在上传文件后禁用重新提交而不使用jquery
-
问题内容： 我是django的新手。我需要简单的例子。如何使用Django，Ajax，jQuery提交表单（发布）而不刷新页面？ 这是我的表单，视图和模板： views.py forms.py（使用“ ModelForm”的表单） 模板（表单html代码） 问题答案： 如果您打算将ajax提交与jquery一起使用，则不应从视图中返回html。我建议您改为这样做： 的HTML： js views.