首先创建php脚本文件；然后使用“$_files”来获取上传的图片；再调用“move_uploaded_file()”函数将图片保存；最后在前端页面创建表单将图片提交过来即可。
前端：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>文件上传</title></head><body><h1>文件上传</h1><div id="divpreview"> <img id="imgheadphoto" src="noperson.jpg" style="width: 160px; height: 170px; border: solid 1px #d2e2e2;" alt="" /></div><!--enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码,"multipart/form-data"在使用包含文件上传控件的表单时，必须使用该值。--><form action="upload.php" method="post" enctype="multipart/form-data"><!--file定义输入字段和 "浏览"按钮，供文件上传。--> <input type="file" name="file" onchange="previewimage(this,'imgheadphoto','divpreview');" size="20" /> <input type="submit" value="上传"/></form></body><script type="text/javascript"> //js本地图片预览，兼容ie[6-9]、火狐、chrome17+、opera11+、maxthon3 function previewimage(fileobj, imgpreviewid, divpreviewid) { var allowextention = ".jpg,.bmp,.gif,.png"; //允许上传文件的后缀名document.getelementbyid("hfallowpicsuffix").value; var extention = fileobj.value.substring(fileobj.value.lastindexof(".") + 1).tolowercase(); var browserversion = window.navigator.useragent.touppercase(); if (allowextention.indexof(extention) > -1) { if (fileobj.files) {//html5实现预览，兼容chrome、火狐7+等 if (window.filereader) { var reader = new filereader(); reader.onload = function (e) { document.getelementbyid(imgpreviewid).setattribute("src", e.target.result); } reader.readasdataurl(fileobj.files[0]); } else if (browserversion.indexof("safari") > -1) { alert("不支持safari6.0以下浏览器的图片预览!"); } } else if (browserversion.indexof("msie") > -1) { if (browserversion.indexof("msie 6") > -1) {//ie6 document.getelementbyid(imgpreviewid).setattribute("src", fileobj.value); } else {//ie[7-9] fileobj.select(); if (browserversion.indexof("msie 9") > -1) fileobj.blur(); //不加上document.selection.createrange().text在ie9会拒绝访问 var newpreview = document.getelementbyid(divpreviewid + "new"); if (newpreview == null) { newpreview = document.createelement("div"); newpreview.setattribute("id", divpreviewid + "new"); newpreview.style.width = document.getelementbyid(imgpreviewid).width + "px"; newpreview.style.height = document.getelementbyid(imgpreviewid).height + "px"; newpreview.style.border = "solid 1px #d2e2e2"; } newpreview.style.filter = "progid:dximagetransform.microsoft.alphaimageloader(sizingmethod='scale',src='" + document.selection.createrange().text + "')"; var tempdivpreview = document.getelementbyid(divpreviewid); tempdivpreview.parentnode.insertbefore(newpreview, tempdivpreview); tempdivpreview.style.display = "none"; } } else if (browserversion.indexof("firefox") > -1) {//firefox var firefoxversion = parsefloat(browserversion.tolowercase().match(/firefox\/([\d.]+)/)[1]); if (firefoxversion < 7) {//firefox7以下版本 document.getelementbyid(imgpreviewid).setattribute("src", fileobj.files[0].getasdataurl()); } else {//firefox7.0+ document.getelementbyid(imgpreviewid).setattribute("src", window.url.createobjecturl(fileobj.files[0])); } } else { document.getelementbyid(imgpreviewid).setattribute("src", fileobj.value); } } else { alert("仅支持" + allowextention + "为后缀名的文件!"); fileobj.value = ""; //清空选中文件 if (browserversion.indexof("msie") > -1) { fileobj.select(); document.selection.clear(); } fileobj.outerhtml = fileobj.outerhtml; } return fileobj.value; //返回路径 } </script></html>
后端：
<?php//var_dump($_files["file"]);//array(5) { ["name"]=> string(17) "56e79ea2e1418.jpg" ["type"]=> string(10) "image/jpeg" ["tmp_name"]=> string(43) "c:\users\asus\appdata\local\temp\phpd07.tmp" ["error"]=> int(0) ["size"]=> int(454445) } //1.限制文件的类型，防止注入php或其他文件，提升安全//2.限制文件的大小，减少内存压力//3.防止文件名重复，提升用户体验 //方法一： 修改文件名 一般为:时间戳+随机数+用户名 // 方法二:建文件夹 //4.保存文件//判断上传的文件是否出错,是的话，返回错误if($_files["file"]["error"]){ echo $_files["file"]["error"]; }else{ //没有出错 //加限制条件 //判断上传文件类型为png或jpg且大小不超过1024000b if(($_files["file"]["type"]=="image/png"||$_files["file"]["type"]=="image/jpeg")&&$_files["file"]["size"]<1024000) { //防止文件名重复 $filename ="./img/".time().$_files["file"]["name"]; //转码，把utf-8转成gb2312,返回转换后的字符串， 或者在失败时返回 false。 $filename =iconv("utf-8","gb2312",$filename); //检查文件或目录是否存在 if(file_exists($filename)) { echo"该文件已存在"; } else { //保存文件, move_uploaded_file 将上传的文件移动到新位置 move_uploaded_file($_files["file"]["tmp_name"],$filename);//将临时地址移动到指定地址 } } else { echo"文件类型不对"; }}
推荐教程：《php教程》
以上就是php怎么实现上传图片的功能的详细内容。