上传图片文件并在页面上显示出图片
enctype介绍:enctype属性指定将数据发回到服务器时浏览器使用的编码类型。
取值说明:
multipart/form-data: 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分,不对字符编码。当使用有文件上传控件的表单时,该值是必需的。。
application/x-www-form-urlencoded: 窗体数据被编码为名称/值对。这是标准的编码格式。在发送前对所有字符进行编码(默认)。
text/plain: 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符,邮件处理中用到,其他地方很少用。将空格转换为 "+" 符号,但不编码特殊字符。抓包可见数据形式。
创建文件upload.html:
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>UpLoad File</title> 6 </head> 7 <body> 8 <form action="upload.php" method="post" enctype="multipart/form-data"> 9 <input type="file" name="file"/> 10 <input type="submit" value="上传"/> 11 </form> 12 </body> 13 </html>
创建upload.php:
1 <?php 2 /** 3 * Created by PhpStorm. 4 * User: Administrator 5 * Date: 2015/6/30 6 * Time: 19:02 7 */ 8 9 //print_r($_FILES);//上传的所有文件都会存放在FILES数组里面 10 11 $file = $_FILES[‘file‘];//获取文件 12 $fileName = $file[‘name‘];//获取文件名 13 move_uploaded_file($file[‘tmp_name‘],$fileName);//移动图片到当前目录,php文件所在的目录 14 15 echo "<img src=‘$fileName‘>";//输出图片
最终图片被保存在upload.php所在的目录并且在页面上显示出来
时间: 2024-10-11 15:03:49