李炎辉视频（3） 修改目录 上传图片

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）然后在修改数据，就是提交表单，接收，过滤，存到数据库的流程。

扫描二维码关注公众号，回复： 1247584 查看本文章

    6）在目录界面，读取数据库数据的时候把封面地址读取进来

if(empty($_html['face'])){
				$_html['face_html'] = '';
			}else{
				$_html['face_html'] = '<img src="'.$_html['face'].'"/>'; 
			}

 

三、上传图片 -- 只有我自己能上传

    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('上传的临时文件不存在！');
		}
			
		
	}