1)做一个超链接,包裹相册名称,链接地址为photo_show.php,并把当前id传递进去。
二、修改目录
1)添加修改的超链接,传递id
<dd>[<a href="photo_dir_modify.php?id=<?php echo $_html['id'];?>">修改</a>] [删除]</dd>
2)做出如下界面
3)数据表中增加一个保存封面地址的路径。
4)然后就是从数据表中读相册数据,放到修改列表上,在表单中创建一个隐藏字段,保存修改的ID
注意,由于之前做的js里,点击公开,隐藏密码,点击私密,显示密码。是通过表单的顺序拿的,所以隐藏表单这个放到表单的最后面。
<input type="hidden" name="id" value="<?php echo $_html['id']?>" />
5)然后在修改数据,就是提交表单,接收,过滤,存到数据库的流程。
6)在目录界面,读取数据库数据的时候把封面地址读取进来
if(empty($_html['face'])){
$_html['face_html'] = '';
}else{
$_html['face_html'] = '<img src="'.$_html['face'].'"/>';
}
![](https://i-blog.csdnimg.cn/blog_migrate/9815beff06c1eb92bb788a8d97b838e7.png)
三、上传图片 -- 只有我自己能上传
1)创建页面
a)点击上图的相册名称或者相册图片,进入相册---显示图片
做个按钮,添加图片---添加到本相册。
b)创建上传图片表单界面,点击上传图片,跳转到 photo_add_img.php
其中,图片地址的输入框是不允许输入的,添加属性:readonly="readonly"
c)点击 [上传 ] ,跳出一个小窗口
window.onload = function(){
var up = document.getElementById("up");
up.onclick = function(){
centerWindow('upimg','up','200','100');
}
}
function centerWindow(url,name,width,height){
var left = (screen.width - width) / 2;
var top = (screen.height - height) / 2;
window.open(url,name,'width='+width+',height='+height+',top='+top+',left='+left);
}
2)上传图片
在弹出的小窗口处理上传文件的逻辑
a) 表单:
<form enctype="multipart/form-data" action="?action=up" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="1000000" />
选择图片:<input type="file" name="userfile" class="text" />
<input type="submit" value="上传" class="btn"/>
</form>
b)处理上传
//执行上传图片的功能
if($_GET['action'] == 'up'){
//设置上传图片的类型
$_files = array('image/jpeg','image/pjpeg','image/png','image/x-png','image/gif');
//【2】判断类型是否是数组里的一种
if(is_array($_files)){
if(!in_array($_FILES['userfile']['type'], $_files)){
_alert_back("本站只允许jpg/gif/png格式的图片");
exit();
}
}
//【3】判断文件错误类型
if ($_FILES['userfile']['error'] > 0) {
switch ($_FILES['userfile']['error']) {
case 1: _alert_back('上传文件超过约定值1');
break;
case 2: _alert_back('上传文件超过约定值2');
break;
case 3: _alert_back('部分文件被上传');
break;
case 4: _alert_back('没有任何文件被上传!');
break;
}
exit;
}
//【4】判断配置大小
if ($_FILES['userfile']['size'] > 1000000) {
_alert_back('上传的文件不得超过1M');
}
//拿到文件类型
$_n = explode('.', $_FILES['userfile']['name']);
$_name = $_POST['dir'].'/'.time().'.'.$_n[1];
//【5】移动文件
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
if (!@move_uploaded_file($_FILES['userfile']['tmp_name'],$_name)) {
_alert_back('移动失败');
} else {
//_alert_close('上传成功!');
echo "<script>alert('上传成功');window.opener.document.getElementById('url').value='$_name';window.close();</script>";
exit();
}
} else {
_alert_back('上传的临时文件不存在!');
}
}