做前端的大家都知道,除了写好页面实现效果,与后台的交互也是重要的一部分,比如,我们写一个form表单,怎么传到服务器以及在页面中调用呢?
先实现一个简单的图片上传:
html代码:
//enctype="multipart/form-data"为上传编码,上传文件必须要添加这个属性
php代码:
其中图片上传的时候,我们必须要知道几个小知识:
$_FILES 表示上传的文件 name 上传的文件原名字 temp_name 文件上传到服务器的临时文件名,上传后的文件暂时存放到该地方type 上传的文件类型 size 上传的文件大小 error 上传的而文件错误信息
可以在if里输入print_r($_FILES),查看源代码,就可以得知上面属性
aa.png
然后分享个稍微复杂点的小项目
要求:做一个菜单管理后台,可以在管理页面上传菜谱的照片,设定菜谱的菜名,以及价格。并记录到记录到menu.txt中
流程:1.分析需求 =》 2.确定变量,类型 =》3.上传处理=》 4.存储处理 =》5.输出处理
html代码:
| 文件说明 | 文件路径 | 上传时间 |
| =$fields[0]?> | =$fields[1]?> | =$fields[2]?> =$fields[3]?> |
php代码:
if(!empty($_POST['submit'])){
//菜单 $menuname = $_POST['menu'];
//价格 $price = $_POST['price];
//图片
$a = upload($_FILES['img']);
//储存数据
saveFile($menuname,$prices,$a);
}
//输出数据
$last = outFile();
上传图片文件
function upload($key){
//判断是否是图片类型
if($key['type']=="image/png" || $key['type'] == "image/jpg" || $key['type'] == "image/gif" || $key['type'] == "image/jpeg"){
//判断是否传入文件
if(copy($key['tmp_name'],$key['name'])){
return $key['name'];
}else{
echo "您输入的图片格式不正确,请重新输入!";
}
}
}
// 储存数据
function savaFile($a,$b,$c){
$line = $a." ".$b." ".$c."n";
//注意,因为第一次打开没有还没有传入文件,防止报错,所以先在同目录下创建一个file.txt文件
$fp = fopen("file.txt",."a+");
fwrite($fp,$line);
fclose($fp);
//输出数据
function outFile(){
$fp = fopen("file2.txt","r");
$line = array();
while(!feof($fp){
$line[] = fgets($fp);
}
fclose($fp);
return $line;
}
?>结果图:
bb.png
最后,送所有正在学前端的朋友一句话,路漫漫其修远兮,吾将上下而求索!
作者:孙静静
链接:https://www.jianshu.com/p/6708a2f5b283



