4.19 .ajax+php实现文件上传 - 每日作业PHP

Home > List of blog posts > 4.19 .ajax+php实现文件上传

Blogger Information

Blog 30

fans 0

comment 0

visits 18010

Special Recommendation

More>

Related recommendations

实例

	<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	</head>
	<body>
		
		<!-- 请求的方法必须为POST。enctype属性必须enctype="multipart/from-data" -->
	<form action="demo.php" method="post" enctype="multipart/form-data">
		<input type="hidden" name="MAX_FILE_SIZE" value="542388">
				
		<fieldset>
			<legend align="center">文件上传</legend>
			<!-- 设置上传文件大小 -->
			<p><strong>选择文件：</strong><input type="file" name="upload" id="upload"></p>
		</fieldset>
		<p><button type="submit" name="submit" id="submit" >上传</button> </p>
	</form>
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
	$('#submit').click(function(){
		var file_data =$('#upload').prop('files')[0]
		var data = new data()
				data.append('upload',file_data);
			$.ajax({
				//请求外部资源
				url:'demo.php',
				//客户端请求类型：GET,POST...
	            dataType: 'POST',
				data: data,
	            processData: false,//用于对data参数进行序列化处理 这里必须false
	            contentType: false, //必须
	            success: function (data) {
	            	console.log(data);
					$('#btu span').empty();
					$('#btu').append(data);
                }
	            })
		    })
</script>
	</body>
	</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<?php  
		//请求类型判断
		if ($_SERVER['REQUEST_METHOD'] == 'POST') {
			//请问文件类型判断
			// echo 100;
			if(isset($_FILES['upload'])){
				$img = ['image/jpg','image/jpeg','image/png'];				
				if(in_array($_FILES['upload']['type'],$img)){
						//讲用户文件上传临时文件到指定目录
					if(move_uploaded_file($_FILES['upload']['tmp_name'],
						"upload/{$_FILES['upload']['name']}")){
							//提示上传成功
						echo '<script>alert(\'文件上传成功\')</script>';//ajaxj方式
					}
				}else {
					echo '<script>alert(\'仅允许上传jpg，png或jpeg格式图片\')</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';
	}
?>

运行实例 »

点击 "运行实例" 按钮查看在线实例

Correction status：Uncorrected

Teacher's comments：

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

3.15作业

2018-03-16 16:23:38

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

实例

实例