PHP 实现页面无刷新上传文件

最新推荐文章于 2021-03-20 03:40:38 发布

love_bc

最新推荐文章于 2021-03-20 03:40:38 发布

阅读量181

点赞数

分类专栏： HTML相关文章标签： PHP 上传文件无刷新

本文链接：https://blog.csdn.net/love_bc/article/details/84531404

版权

HTML相关专栏收录该内容

6 篇文章 0 订阅

订阅专栏

前台html页面：

<html>
	<head>
		<title>无刷新上传文件</title>
		<meta Content-type="text/html" charset="utf-8" />
		<script type="text/javascript">
			function startUpload() {
				document.getElementById('processing').innerHTML = 'loding...';
				return true;
			}
			
			function stopUpload(rel){
				var msg = "";
				switch (rel) {
						case 0:
								msg = "上传成功";
								break;
						case 1:
								msg = "上传的文件超过限制";
								break;
						case 2:
								msg = "只能上传图片文件";
								break;
						default:
								msg = "上传文件失败";
				}
				document.getElementById('processing').innerHTML = msg;
			}
		</script>
	</head>
	<body>
		<div style="text-align:center">
			<div id="processing"></div>
				<form action="upload.php" method="post" enctype="multipart/form-data" 
						target="form-target" οnsubmit="startUpload();">
					<input type="hidden" name="MAX_FILE_SIZE" value="1000000" />
					<input type="file" name="myfile" />
					<input type="submit" name="sub" value="上传" />
				</form>
			<iframe style="width:0; height:0; border:0;" name="form-target"></iframe>
		</div>
	</body>
</html>

后台php代码:upload.php:

<?php
	sleep(2);
	$fileTypes = array('jpg','png','gif','bmp');
	$result = null;
	$uploadDir = './upload';
	$maxSize = 1 * pow(2,20);
	if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['sub'])) {
			$myfile = $_FILES['myfile'];
			$myfileType = substr($myfile['name'], strrpos($myfile['name'], ".") + 1);
			if ($myfile['size'] > $maxSize) {
					$result = 1;
			} else if (!in_array($myfileType, $fileTypes)) {
					$result = 2;
			} elseif (is_uploaded_file($myfile['tmp_name'])) {
					$toFile = $uploadDir . '/' . $myfile['name'];
					if (@move_uploaded_file($myfile['tmp_name'], $toFile)) {
							$result = 0;
					} else {
							$result = -1;
					}
			} else {
					$result = 1;
			}
	}
?>
<script type="text/javascript">
window.top.window.stopUpload(<?php echo $result; ?>);
</script>

转自： http://blog.csdn.net/shaerdong/article/details/7978218

love_bc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PHP 实现页面无刷新上传文件

前台html页面：&lt;html&gt; &lt;head&gt; &lt;title&gt;无刷新上传文件&lt;/title&gt; &lt;meta Content-type="text/html" charset="utf-8" /&gt; &lt;script type="text/javascript"&gt;
复制链接

扫一扫

专栏目录