图片管理

<html>
<head>
<script language="javascript">
window.location ="#bottom";//自动跳转到锚点处
</script>
<style>
.button {
    display: inline-block;
    position: relative;
    margin: 10px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,.22);
    font: bold 12px/25px Arial, sans-serif;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
    box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);

    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.button:hover {
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
        box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    }

    .button:active {
        -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
        -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
        box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
    }
.xf{
position: fixed; /*IE6以外的兼容*/

_position:absolute;/*兼容IE6的代码*/
_bottom:auto;/*兼容IE6的代码*/
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); /*兼容IE6的代码*/

border: 2px solid #4AA700; /* 其余显示代码 */
display: block;
z-index: 999;
width: 30px;
bottom: 0px; right: 0px;
background:#FFF;
padding:10px;
}
.xf2{
position: fixed; /*IE6以外的兼容*/

_position:absolute;/*兼容IE6的代码*/
_bottom:auto;/*兼容IE6的代码*/
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); /*兼容IE6的代码*/

border: 2px solid #4AA700; /* 其余显示代码 */
display: block;
z-index: 999;
width: 30px;
bottom: 100px; right: 0px;
background:#FFF;
padding:10px;
}
</style>
<title>图片管理</title>
</head>
<body>

<?php
$img = array(‘gif‘,‘png‘,‘jpg‘);//所有图片的后缀名
$dir = ‘php\upload\image\*\*.‘;
foreach($img as $k=>$v)//$img是数组 $_k是键 $_v是值 这是一种遍历数组的简便方法 那个变量代表k/v对的中的key,那个变量可以用来表示value
{
    $file = $dir.$v;
    foreach (glob("$file") as $filename)
 {

     echo "<div  style=‘border-style:dashed;‘ class=‘button‘>";
     echo "<img src=\"".$filename."\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
     echo "<form name=‘input‘ action=‘del.php‘ method=‘post‘>";
     //echo "目标文件夹路径:<input type=‘text‘ name=‘dir‘ value=‘$file‘/>"; //出错的原因在于$file,而是$filename
     echo "<input type=‘text‘ name=‘dir‘ value=‘$filename‘ class=‘button‘>"; //type=‘submit‘的话不会post出值的。。。
     echo "<input type=‘submit‘ value=‘删除‘ class=‘button‘/>";
     echo "</form>";
     echo"</div>";
}
}
?> 

<?php
error_reporting(0);
$yourpost=$_POST[‘dir‘];
echo $yourpost;
?>

<a href="#" class="xf button">老旧照片</a>
<a href="#bottom" class="xf2 button" >最新照片</a>
<a name="bottom"></a>
</body>
</html>
<?php
$img = array(‘gif‘,‘png‘,‘jpg‘);//所有图片的后缀名
$dir = ‘php\upload\image\*\*.‘;
foreach($img as $k=>$v)//$img是数组 $_k是键 $_v是值 这是一种遍历数组的简便方法 那个变量代表k/v对的中的key,那个变量可以用来表示value
{
    $file = $dir.$v;
    foreach (glob("$file") as $filename)
 {

     echo "<input type=‘text‘ name=‘dir‘ value=‘$filename‘>"; //type=‘submit‘的话不会post出值的。。。

 }
}
?> 

<?php
$file = $_POST[‘dir‘];
unlink($file);
echo"<script> window.location.replace(‘tp.php‘); </script>";//window.location.href="url"; 重定向到页面,会产生新的历史记录
//window.location.replace("http://www.skycn.com");装入指定 URL 的文档替换当前文档。原网页历史记录将不存在
?>
时间: 2024-12-27 22:38:04

图片管理的相关文章

WP_图片管理机制/异步读取网络图片

项目有这样的需求, 要求窗口加载一揽子图片,为了不让UI阻塞太久,采用异步读取后绑定显示的方案. 图片的下载应该采用并发的过程(等待网络响应会很耗时,一张一张的下载,等待时间太长) 图片的下载不能占用过多的线程数,应有个阀值(图片不是核心业务,不能占用那么多资源) 在图片加载的过程中,如果用户有操作,比如窗口跳转,则未加载完成的图片加载的过程应取消(为了替用户节省流量). 需求就是这么多了,如何实现呢? 思路是这样的,由于需要异步,且需要等待,首先想到使用队列,先让队列排列起来,再定量迭代读取.

Jquery实现图片管理

这里实现的是一个图片的在线管理,类似于网络相册的图片管理. 效果图如下: 文件结构如下图: style2.css文件内容如下: @charset "utf-8"; *{ margin:0; padding:0; } img { border:none; } ul,li{ list-style:none} ul li{ float:left;margin:0 10px} ul li img{ width:200px; height:200px} .imgbox { width:200px

图片上传-下载-删除等图片管理的若干经验总结3-单一业务场景的完整解决方案

这次完整地介绍图片上传的完整解决方案,如有bug,后续再补充. 一.图片表 CREATE TABLE `photo` ( `id` bigint(10) unsigned NOT NULL AUTO_INCREMENT, `bizid` bigint(11) NOT NULL DEFAULT '-1' COMMENT '业务id,比如项目的id', `cover` int(11) DEFAULT '0' COMMENT '1:是,0:不是', `sort` int(11) DEFAULT '0'

ASP.NET MVC图片管理(更新)

Insus.NET在ASP.NET MVC专案中,实现了图片管理,上传,预览,显示,删除等功能,还差一个功能,就是更新图片的功能,那这次来完成它.你可以先参考前2篇<ASP.NET MVC图片管理(上传,预览与显示)>http://www.cnblogs.com/insus/p/4620420.html 和<ASP.NET MVC图片管理(删除)>http://www.cnblogs.com/insus/p/4623507.html .我们也是在这些基础上进行完善的. 在数据库中创

Android图片管理组件(双缓存+异步加载)

转自:http://www.oschina.net/code/snippet_219356_18887?p=3#comments ImageManager2这个类具有异步从网络下载图片,从sd读取本地图片,内存缓存,硬盘缓存,图片使用动画渐现等功能,已经将其应用在包含大量图片的应用中一年多,没有出现oom Android程序常常会内存溢出,网上也有很多解决方案,如软引用,手动调用recycle等等.但经过我们实践发现这些方案,都没能起到很好的效果,我们的应用依然会出现很多oom,尤其我们的应用包

iOS图片管理

在开发的时候,多屏适配问题总会遇到 同一张图在4 .4s.  5. 5s. 6 .6s. 6 plus 上显示的效果相差甚远.这个时候需要同一张图的对中尺寸图片 简单记录一下下面这个工具,方便日后再次使用 1.选中 Assets.xcassets  2.点击 + 按钮 -->New Image Set   (此时在这一栏中会多一个图片管理目录Image [双击修改名称]) 3.点击新加的图片管理目录 4.选中右侧的Image框右击 开一看到当前是 Universal (iphone + ipad

推荐ajaxfilemanager for tiny_mce 比较完善的tiny_mce编辑器的图片上传及图片管理插件PHP版 支持中文

tiny_mce编辑器,我觉得挺简洁.好用的,但就是图片上传的插件是收费的,而且网上找了半天也没有找到开源好用的上传插件. 不过功夫不负有心人,终于还就被我找到一款相当满意的插件. 这个插件的名字叫ajaxfilemanager 官方网址是http://www.phpletter.com/DOWNLOAD/ Tinymce Ajax File and Image Manager Tinymce Ajax File and Image Manager Version 1.0 Final Proje

ASP.NET MVC图片管理(删除)

上星期有写了一篇<ASP.NET MVC图片管理(上传,预览与显示)>http://www.cnblogs.com/insus/p/4620420.html 它只实现了上传功能,即时预览以及显示功能.今天我们来完成删除功能. 由于图片是以二进制存储在数据库中,这样删除是很方便的.只需删除数据库记录即可. 先在数据库创建一个存储过程: CREATE PROCEDURE [dbo].[usp_ImageStore_Delete] ( @ImageStore_nbr INT ) AS DELETE

专访变设龙:重新定义设计 颠覆传统企业图片管理方式

俗话说的好,佛靠金装,人靠衣装,三分长相,七分打扮.喜欢一个人,始于颜值,陷于才华,忠于人品!爱一个产品,始于颜值,陷于效果,忠于品质!产品的成功除了做好内功,最重要的是靠包装.图片在包装设计中起到的作用,不仅仅是画龙点睛,甚至可能带来量变到质变的转化. 产品气质的核心在于视觉形象这句话说的一点也没错.互联网时代,图片的力量得到了最大化的利用.无论是企业品牌形象.产品网站ui.营销策划都离不开图片设计,然而企业在图片管理中也遇到了不少的瓶颈.传统的AI.photoshop等图片编辑软件操作复杂门