php在html中的使用
在web开发中,HTML、JavaScript、css、php可以说是缺一不可,这节我们就来讲讲HTML与php之间的简单应用
本文提供了一种将图片上传到服务端的功能,其中本机作为服务端
<html>
<head>
<meta charset="utf-8">
<title>表提交</title>
</head>
<body>
<form action="upload_file.php" method="post" enctype="multipart/form-data">
<label for="file">文件名:</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>
php文件如下:
<?php
// 允许上传的图片后缀
// PHP 的全局数组 $_FILES,你可以从客户计算机向远程服务器上传文件
// 第一个参数是表单的 input name,第二个下标可以是 "name"、"type"、"size"、"tmp_name" 或 "error"
// $_FILES["file"]["name"] - 上传文件的名称
// $_FILES["file"]["type"] - 上传文件的类型
// $_FILES["file"]["size"] - 上传文件的大小,以字节计
// $_FILES["file"]["tmp_name"] - 存储在服务器的文件的临时副本的名称
// $_FILES["file"]["error"] - 由文件上传导致的错误代码
$allowedExts = array("gif", "jpeg", "jpg", "png");
$temp = explode(".", $_FILES["file"]["name"]); // 此方法类似python的str.split()
// echo "<pre>";
// print_r($temp);
// echo "</pre>";
echo $_FILES["file"]["size"];
$extension = end($temp); // 获取文件后缀名
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/x-png")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"] < 204800) // 小于 200 kb
&& in_array($extension, $allowedExts))
{
if ($_FILES["file"]["error"] > 0)
{
echo "错误:: " . $_FILES["file"]["error"] . "<br>";
}
else
{
echo "上传文件名: " . $_FILES["file"]["name"] . "<br>";
echo "文件类型: " . $_FILES["file"]["type"] . "<br>";
echo "文件大小: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
echo "文件临时存储的位置: " . $_FILES["file"]["tmp_name"] . "<br>";
// 判断当前目录下的 upload 目录是否存在该文件
// 如果没有 upload 目录,你需要创建它,upload
if (file_exists("upload/" . $_FILES["file"]["name"]))
{
echo "<br><br><br><b>".$_FILES["file"]["name"] . " 文件已经存在。</b> ";
}
else
{
// 如果 upload 目录不存在该文件则将文件上传到 upload 目录下
if (is_dir("upload"))
{
move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . $_FILES["file"]["name"]);
echo "文件存储在: " . "upload/" . $_FILES["file"]["name"];
}
else
{
echo "<br><br><br><b>upload文件夹不存在</b>";
}
}
}
}
else
{
echo "非法的文件格式";
}
?>
结果如下:
上传之后我们可以看到在我们的文件夹里面多了一张QT的图片,如下图
敲黑板:
1、因为我们此时用到了php,地址不能再以文件的路径,我们需要在本地架构一个本地服务器(可以使用phpstudy软件快速配置nginx),且地址需要改为localhost或者127.0.0.1
2、form(表单)中的action指代的是提交之后触发的php回调,其中enctype是指编码方式,这里的multipart/form-data表示不对字符编码,当使用有文件上传控件的表单时,该值是必需的。
3、method是在表单中的两个http的方法,还有另一个是get。
get - 从指定的资源请求数据。
post - 向指定的资源提交要被处理的数据。
4、php里代码的简要解析:
①变量 $_FILES 作为php的超级全局变量,,用来获取通过POST方式上传到服务器的文件数据,因此我们可以通过该变量获取上传的文件(包括图片)
②判断文件的类型是否为图片,且不超过200kb
③获取文件的信息,并上传到upload文件夹