4月19日作业

4月19日作用

ajax 用的不好，努力学习。

代码：

实例

<meta charset="utf-8">
<script type="text/javascript" src="../js/jquery-3.3.1.js">
</script>

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="POST" enctype="multipart/form-data">
	<!-- 用隐藏域设置允许上传的文件大小,仅供参考 -->
	<input type="hidden" name="MAX_FILE_SIZE" value="2097152"><!-- //2M -->
	<fieldset>
		<legend align="center"><h2 style="color:blue">图 片 上 传</h2></legend>
		<p><strong style="color:green">选择文件:</strong><input type="file" name="upload"></p>
		<h5 style="color:green">允许上传图片格式：.jpg .png. jpeg </h5>
	</fieldset>	
	<p align="center"><button type="submit" name="submit" style="padding:5px 10px"><strong style="color:green">上 传</strong></button></p>
</form>

<script>
	$.ajax({
            url:"homework(0419).php",
            async:true,
            cache:false,
            type:"post"
        funciton(){ 
		if (isset($res) == true) {
		//在第一个<p>元素后添加提示信息
			$('p.eq(0)').after('<span style="color:red">文件上传成功'</span>');
		    //用定时器使提示信息3秒后消失
			setTimeout(function(){//3秒后,将提示信息删除
		    $('p.eq(0)').next().remove()
			},3000)
		//返回让用户重新操作
		return false
		}else{
			$('p.eq(0)').after('<span style="color:red">上传图片格式:jpg, png, epg'</span>');
	    //用定时器使提示信息3秒后消失
		setTimeout(function(){//3秒后,将提示信息删除
	    $('p.eq(0)').next().remove()
		},3000)
		//返回让用户重新操作
		return false
		}
    });
</script>

<?php 
	//检测请求类型是否POST,如果不是应该提示用户类型不对
	if ($_SERVER['REQUEST_METHOD'] == 'POST') {
		//检测是否有文件被上传
		if (isset($_FILES['upload'])) {
			//设置允许上传的文件类型
			$allow = ['image/jpg','image/jpeg', 'image/png'];
			if (in_array($_FILES['upload']['type'], $allow)) {
				//将文件先移动到临时目录
				if (move_uploaded_file($_FILES['upload']['tmp_name'], "upload/{$_FILES['upload']['name']}")){
					//上传成功
					// echo "<script>alert('文件上传成功')</script>";
					 $res = true;//返回结果给ajax
				} 
			}else {
					//提示格式不对
					// echo "<script>alert('仅允许上传jpg和png格式的图片')</script>";
				}
		}
		//对上传错误进行处理
		if ($_FILES['upload']['error'] > 0 ) {
			echo '<p>错误原因是:<strong>';

			switch ($_FILES['upload']['error']) {
				case 1:
					echo '文件超过了php.ini配置中设置的大小';
					break;
				case 2:
					echo '文件超过了表单中常量设置的大小';
					break;
				case 3:
					echo '仅有部分文件被上传';
					break;
				case 4:
					echo '没有文件被上传';
					break;
				case 6:
					echo '没有可用的临时文件夹';
					break;
				case 7:
					echo '磁盘已满,写入失败';
					break;
				case 8:
					echo '上传意外中止';
					break;
				
				default:
					echo '系统未知错误';
					break;
			}

			echo '</strong></p>';
			//保险起见,最好把创建的临时文件删除,当然系统也会在结束会话时自动清空
			if (file_exists($_FILES['upload']['tmp_name']) && is_file($_FILES['upload']['tmp_name'])) {
				unlink($_FILES['upload']['tmp_name']);
			}
		}
	} else {
		echo '1';
	}
?>

运行图片：