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