向访问者显示图像并从服务器中删除该图像(在同一页面加载时)
Show a image to visitor and delete that image from the server (on same page load)
>我只想向访问者显示一个图像,同时从服务器中删除此图像。
我试过这个
显示图像。从数据库中删除记录。使用 unlink()
从服务器中删除映像。
echo "image";
$deleteimage = mysql_query("DELETE FROM table WHERE uniqueid= '$id'") or die(mysql_error());
unlink("../image path");
但是当页面加载时,它会在向访问者显示文件之前从服务器中删除文件。
搜索后,我发现PHP
在渲染输出之前在堆栈中执行。
那么我如何使用ajax
jquery
来做到这一点.即:加载页面并显示图像,然后执行 ajax 代码并删除图像。
请提供一些 ajax 代码。 我不熟悉javascript
(ajax,jquery)
<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"> </script>
</head>
<body>
<script>
function unlinkImage(src) {
$.ajax({
type:"POST",
url: "delete.php",
data:{
src:src
}
}).done(function() {
alert('done')
});
}
</script>
<img src='someimage.png' onload="unlinkImage('someimage.png')" />
</body>
</html>
并在 PHP 端删除(删除.php):
<?php
$res = unlink($_REQUEST['src']);
?>
使用AJAX
,可能不会删除图像。连接问题或禁用javascript
。
您需要做:
<img src="imgage.php?id=ID" />
并在image.php
中写道:
// Select image source
$image = mysql_result(mysql_query("SELECT image FROM table WHERE uniqueid= '".intval($id)."'"), 0, 'image');
// Show image
header('Content-type: image/jpeg'); // Or your image type
readfile($image);
// Delete image
$deleteimage = mysql_query("DELETE FROM table WHERE uniqueid= '".intval($id)."'") or die(mysql_error());
unlink($image);
也不要使用mysql_*...您可以使用PDO或Mysqli。
这是工作代码,
<html>
<head>
<title>Log In Page</title>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
function ImageLoad(obj) {
var src = $(obj).attr('src');
$.ajax({
type:"POST",
url: "test.php",
data:{
imageSrc:src
},
dataType:"text",
success: function(data) {
$('#doneDiv').html(data);
}
});
}
</script>
</head>
<body>
<img src="http://s8.postimg.org/9rhympj35/agent_Photo.jpg" onload="ImageLoad(this);">
<div id="doneDiv"></div>
</body>
</html>
在test.php
,你可以做到,
<?php
$res = unlink($_POST['imageSrc']);
echo 'done';
// or you can delete from database with your code
?>
相关文章:
- 如何获取不属于我项目的上一页的URL
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 使用Booklet Jquery插件,我如何验证最后一页是否显示
- 如何在一页网站中使用PHP重定向到一个页面
- Javascript并不是显示在每一页上
- 如何在一页上显示多个Highcharts图表
- jQuery分页下一页和上一页按钮在点击零或超过最后一页后失败
- 如何为AngularJS制作智能表中第一页和最后一页的跳过按钮
- Bootstrap一页导航Fluid网站最小化问题
- 返回上一页时,Javascript仍处于活动状态
- 将jsp重定向到servlet,然后重定向到下一页
- Html5多个画布,一页上有图像
- 触摸滑动图像到离子框架下的下一页
- 如何在重定向到另一页之前显示正在加载的图像
- 一页angularjs的单独背景图像
- 一页上有许多图像,有些没有加载
- 如何在修改后将堆叠的图像移动到另一页
- jquery链接在加载下一页之前单击切换图像
- 如何运行“加二”;图像幻灯片放映”;在一页上
- 如何在图像中过渡到下一页