提交文件时不刷新页面
Submitting files without refreshing page
我上传图片时页面没有刷新。我使用event.preventDefault()
是为了阻止页面刷新。然而,PHP代码是我的jQuery代码内部没有被执行(我认为,至少图片没有被上传到mySQL),当我写event.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代码正在执行?
执行异步HTTP (Ajax)请求。jQuery AJAX
相关文章:
- 如何检查Json文件更新,如果更新了,则用更新的数据刷新我的页面
- 无需刷新即可进行简单的客户端文件处理
- 文件上传 |无需刷新页面 |支柱2 |无闪光灯 |
- 在Div中刷新图像,只更改文件内容,不更改名称
- 输入文件:如何在刷新后显示文件名
- AngularJS、DropzoneJS、JSON——上传成功后刷新文件列表
- Firefox DevTools:选项卡和如何在页面重新加载/刷新后保持调试器文件打开?(停止自动关闭)
- 如何使用 AJAX 刷新 PHP 文件
- 如何在刷新时停止我的 xml 文件复制但续订
- 在不刷新页面的情况下更改内容或包含文件
- 定时 Javascript 文件刷新,无需重新加载页面
- Javascript - 如何从文件加载变量并每 3 秒刷新一次
- 在页面刷新时使用 jQuery 重新加载 JSON 文件
- 从包含的 php 文件刷新查询结果
- 在不刷新 HTML 的情况下重新加载 JavaScript 文件
- 在部署时刷新静态 JavaScript 文件
- 如何使用 jQuery 将变量从隐藏字段发送到远程 PHP 文件,并在引导模式中显示脚本的结果,而无需刷新
- 如何在不刷新的情况下在同一页面上显示上传的文件内容
- 如何在不刷新页面的情况下每 10 秒在本地重新加载一次 JS 文件
- 在 jQuery Multi 文件上传器中完成上传后刷新页面