【前言】
? ?本文总结下PHP上传文件的相关知识
?
【列表】
? 主要分为4个步骤
（1）创建文件上传表单；（2）创建上传脚本；（3）上传限制；（4）保存上传文件? ?
?
【主体】
通过PHP上传文件到服务器分几步，下面依次介绍
（1）创建文件上传表单
class="php" name="code"><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>
? ?注意：
? ? ①<form> 标签的 enctype 属性规定了在提交表单时要使用哪种内容类型。在表单需要二进制数据时，比如文件内容，请使用 "multipart/form-data"。
? ? ②<input> 标签的 type="file" 属性规定了应该把输入作为文件来处理。举例来说，当在浏览器中预览时，会看到输入框旁边有一个浏览按钮。
（2）创建上传脚本
? ?通过使用PHP的全局数组 $_FILES，从客户计算机向远程服务器上传文件
? ?"upload_file.php" 文件含有供上传文件的代码：
?
<?php
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"];
}
?>
? ??第一个参数是表单文件的 input name，第二个下标可以是 "name", "type", "size", "tmp_name" 或 "error"。就像这样：
? ?$_FILES["file"]["name"] - 被上传文件的名称
? ?$_FILES["file"]["type"] - 被上传文件的类型
? ?$_FILES["file"]["size"] - 被上传文件的大小，以字节计
? ?$_FILES["file"]["tmp_name"] - 存储在服务器的文件的临时副本的名称
? ?$_FILES["file"]["error"] - 由文件上传导致的错误代码
（3）上传限制
? ?接下来增加对文件上传的限制。例如用户只能上传 .gif 或 .jpeg 文件，文件大小必须小于 20 kb：
if ((($_FILES["file"]["type"] == "image/gif")|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/pjpeg"))
&& ($_FILES["file"]["size"] < 20000)){
//上传脚本
}else{
echo "文件已经存在";
}
? ?注意：对于 IE，识别 jpg 文件的类型必须是 pjpeg，对于 FireFox，必须是 jpeg
（4）保存上传文件
? ?上例在服务器的PHP临时文件夹创建了一个被上传文件的临时副本，这个临时的复制文件会在脚本结束时消失。要保存被上传的文件，需要把它拷贝到另外的位置：
? ? 以下保存脚本放到上传脚本下即可：
if (file_exists("./upload/" . $_FILES["file"]["name"])){
echo $_FILES["file"]["name"] . "文件已经存在";
}else{
move_uploaded_file($_FILES["file"]["tmp_name"],
"./upload/" . $_FILES["file"]["name"]);
echo "提交后文件位置: " . "./upload/" . $_FILES["file"]["name"];
}
? ?上面的脚本检测了是否已存在此文件，如果不存在，则把文件拷贝到指定的文件夹。这个例子把文件保存到了同级的名为 "upload" 的文件夹
? 注意：保存时要注意路径，例如想保存在父级文件夹的同级文件data下的dataDetail文件，
路径../data/dataDetail仍然是保存到data里，如果想要保存到data文件夹下的dataDetail文件里的话需要路径为../data/dataDetail/
（5）上传图片案例
? ? ??上传前图片可预览，上传后未做处理
<!DOCTYPE html>
<html>
<head>
<title>PHP测试demo</title>
<link rel="stylesheet" href="./demo.css">
<style type="text/css">
#preview{
display: block;
width: 100px;
height: 100px;
border:1px solid red;
}
</style>
</head>
<body>
<form action="index.php" method="post" enctype="multipart/form-data">
<label for="file">文件名:</label>
<input type="file" name="file" id="file" />
<img id="preview" src="" alt="点击上传图片"/>
<br />
<input type="submit" name="submit" value="提交" />
</form>
<?php
if ((($_FILES["file"]["type"] == "image/jpg")|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/pjpeg"))){
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>";
//保存
if (file_exists("./upload/" . $_FILES["file"]["name"])){
echo "注意：该文件". $_FILES["file"]["name"] . "已经存在！！！";
}else{
move_uploaded_file($_FILES["file"]["tmp_name"],
"./upload/" . $_FILES["file"]["name"]);
echo "提交后保存位置: " . "./upload/里的" . $_FILES["file"]["name"];
}
}
}else{
echo "Invalid file文件类型不符";
}//注意路径,例如../php7/a仍然是保存到php7里，想要保存到php7下的a文件里的话需要
路径为../php7/a/
?>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript">
window.FileToSrc = function (file) {
if (window.URL) return window.URL.createObjectURL(file);
if (window.windcreateObjectURL) return window.createObjectURL(file);
if (window.webkitURL) return window.webkitURL.createObjectURL(file);
};
$('#file').on('change', function(){
//获取文件列表对象
var fileList = $('#file')[0].files;
//创建文件流获取文件地址
var src =FileToSrc(fileList[0]);
//设置图片路径
$("#preview").attr("src", src);
});
</script>
</body>
</html>
?
?
?
?
?
?
?
.
相关文章
