PHP上傳圖片例子
阿新 • • 發佈：2018-10-06
eight tee transform w3c 存在 false 4.3 handle ceil
PHP上傳圖片例子 源碼下載
兩個文件：
tu.php
upload.php
tu.php 代碼：
1 <?php 2 ini_set("display_errors", "On"); 3 error_reporting(E_ALL | E_STRICT); 4 ?> 5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7<head> 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 9 <title>上傳圖片</title> 10 </head> 11 12 <body> 13 <h1>上傳圖片</h1> 14 15 <div id="divPreview"> 16 <img id="imgHeadPhoto" src="noperson.jpg" style="width: 160px; height: 170px; border: solid 1px #d2e2e2;" 17/> 18 </div> 19 <!--enctype 屬性規定在發送到服務器之前應該如何對表單數據進行編碼,"multipart/form-data"在使用包含文件上傳控件的表單時，必須使用該值。--> 20 <form action="upload.php" method="post" enctype="multipart/form-data"> 21 <!--file定義輸入字段和 "瀏覽"按鈕，供文件上傳。--> 22 <input type="file" name="file" onchange="PreviewImage(this,‘imgHeadPhoto‘,‘divPreview‘);" size="20" /> 23<input type="submit" value="上傳"/> 24 25 </form> 26 27 28 29 <div> 30 <?php 31 $page=isset($_GET[‘page‘])?$_GET[‘page‘]:0;//從零開始 32 $imgnums = 5; //每頁顯示的圖片數 33 $path="./img/"; //圖片保存的目錄 34 $handle = opendir($path); 35 $i=0; 36 while (false !== ($file = readdir($handle))) { 37 list($filesname,$ext)=explode(".",$file); 38 if($ext=="gif" or $ext=="jpg" or $ext=="JPG" or $ext=="png" ) { 39 if (!is_dir(‘./‘.$file)) { 40 $array[]=$file;//保存圖片名稱 41 ++$i; 42 } } } 43 44 if($array){ 45 rsort($array);//修改日期倒序排序 46 } 47 48 for($j=$imgnums*$page; $j<($imgnums*$page+$imgnums)&&$j<$i; ++$j){ 49 echo ‘<div>‘; 50 echo $array[$j].‘<br />‘; 51 $img_info = getimagesize($path.$array[$j]); 52 echo $img_info[0].‘<br />‘; 53 if ($img_info[0]>180){//圖片寬度大於180像素的，以寬180顯示，高以等比例縮小，寬小於180像素的圖片，不作任何改變 54 echo "<img src=".$path.$array[$j]." width=‘180‘ height=‘".($img_info[1]*(180/$img_info[0]))."‘><br />"; 55 }else{ 56 echo "<img src=".$path.$array[$j]." ><br />"; 57 58 } 59 echo ‘</div>‘; 60 } 61 62 $realpage = @ceil($i / $imgnums) - 1; 63 $Prepage = $page-1; 64 $Nextpage = $page+1; 65 if($Prepage<0){ 66 echo "上一頁 "; 67 echo "<a href=?page=$Nextpage>下一頁</a> "; 68 echo "<a href=?page=$realpage>最末頁</a> "; 69 }elseif($Nextpage >= $realpage){ 70 echo "<a href=?page=0>首頁</a> "; 71 echo " <a href=?page=$Prepage>上一頁</a> "; 72 echo " 下一頁"; 73 }else{ 74 echo "<a href=?page=0>首頁</a> "; 75 echo "<a href=?page=$Prepage>上一頁</a> "; 76 echo "<a href=?page=$Nextpage>下一頁</a> "; 77 echo "<a href=?page=$realpage>最末頁</a> "; 78 } 79 80 81 82 83 ?> 84 85 </div> 86 </body> 87 <script type="text/javascript"> 88 //js本地圖片預覽，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3 89 function PreviewImage(fileObj, imgPreviewId, divPreviewId) { 90 var allowExtention = ".jpg,.bmp,.gif,.png"; //允許上傳文件的後綴名document.getElementById("hfAllowPicSuffix").value; 91 var extention = fileObj.value.substring(fileObj.value.lastIndexOf(".") + 1).toLowerCase(); 92 var browserVersion = window.navigator.userAgent.toUpperCase(); 93 if (allowExtention.indexOf(extention) > -1) { 94 if (fileObj.files) {//HTML5實現預覽，兼容chrome、火狐7+等 95 if (window.FileReader) { 96 var reader = new FileReader(); 97 reader.onload = function (e) { 98 document.getElementById(imgPreviewId).setAttribute("src", e.target.result); 99 } 100 reader.readAsDataURL(fileObj.files[0]); 101 } else if (browserVersion.indexOf("SAFARI") > -1) { 102 alert("不支持Safari6.0以下瀏覽器的圖片預覽!"); 103 } 104 } else if (browserVersion.indexOf("MSIE") > -1) { 105 if (browserVersion.indexOf("MSIE 6") > -1) {//ie6 106 document.getElementById(imgPreviewId).setAttribute("src", fileObj.value); 107 } else {//ie[7-9] 108 fileObj.select(); 109 if (browserVersion.indexOf("MSIE 9") > -1) 110 fileObj.blur(); //不加上document.selection.createRange().text在ie9會拒絕訪問 111 var newPreview = document.getElementById(divPreviewId + "New"); 112 if (newPreview == null) { 113 newPreview = document.createElement("div"); 114 newPreview.setAttribute("id", divPreviewId + "New"); 115 newPreview.style.width = document.getElementById(imgPreviewId).width + "px"; 116 newPreview.style.height = document.getElementById(imgPreviewId).height + "px"; 117 newPreview.style.border = "solid 1px #d2e2e2"; 118 } 119 newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=‘scale‘,src=‘" + document.selection.createRange().text + "‘)"; 120 var tempDivPreview = document.getElementById(divPreviewId); 121 tempDivPreview.parentNode.insertBefore(newPreview, tempDivPreview); 122 tempDivPreview.style.display = "none"; 123 } 124 } else if (browserVersion.indexOf("FIREFOX") > -1) {//firefox 125 var firefoxVersion = parseFloat(browserVersion.toLowerCase().match(/firefox\/([\d.]+)/)[1]); 126 if (firefoxVersion < 7) {//firefox7以下版本 127 document.getElementById(imgPreviewId).setAttribute("src", fileObj.files[0].getAsDataURL()); 128 } else {//firefox7.0+ 129 document.getElementById(imgPreviewId).setAttribute("src", window.URL.createObjectURL(fileObj.files[0])); 130 } 131 } else { 132 document.getElementById(imgPreviewId).setAttribute("src", fileObj.value); 133 } 134 } else { 135 alert("僅支持" + allowExtention + "為後綴名的文件!"); 136 fileObj.value = ""; //清空選中文件 137 if (browserVersion.indexOf("MSIE") > -1) { 138 fileObj.select(); 139 document.selection.clear(); 140 } 141 fileObj.outerHTML = fileObj.outerHTML; 142 } 143 return fileObj.value; //返回路徑 144 } 145 </script> 146 </html>
upload.php源碼：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>上傳處理文件</title> 6 </head> 7 8 <body> 9 <?php 10 11 $gotopage="tu.php"; 12 //var_dump($_FILES["file"]); 13 //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) } 14 //1.限制文件的類型，防止註入php或其他文件，提升安全 15 //2.限制文件的大小，減少內存壓力 16 //3.防止文件名重復，提升用戶體驗 17 //方法一： 修改文件名 一般為:時間戳+隨機數+用戶名 18 // 方法二:建文件夾 19 20 //4.保存文件 21 22 //判斷上傳的文件是否出錯,是的話，返回錯誤 23 if($_FILES["file"]["error"]) 24 { 25 //echo $_FILES["file"]["error"]; 26 header("refresh:10;url=".$gotopage); 27 print(‘上傳出錯，錯誤代碼:‘.$_FILES["file"]["error"].‘，請稍等...<br>10秒後自動跳轉。‘); 28 echo "<br /><br /><br />"; 29 switch ($_FILES["file"]["error"]) 30 { 31 case 1: 32 echo "上傳的文件超過了 php.ini 中 upload_max_filesize 選項限制的值。"; 33 break; 34 case 2: 35 echo "上傳文件的大小超過了 HTML 表單中 MAX_FILE_SIZE 選項指定"; 36 break; 37 case 3: 38 echo "文件只有部分被上傳。 "; 39 break; 40 case 4: 41 echo "沒有文件被上傳。 "; 42 break; 43 case 5: 44 echo "上傳文件的大小超過了 HTML 表單中 MAX_FILE_SIZE 選項指定"; 45 break; 46 case 6: 47 echo "找不到臨時文件夾。PHP 4.3.10 和 PHP 5.0.3 引進。"; 48 break; 49 case 7: 50 echo "文件寫入失敗。PHP 5.1.0 引進。"; 51 break; 52 53 54 } 55 56 echo "<br /><br /><br /> 57 錯誤代碼解析<br /> 58 UPLOAD_ERR_OK:其值為 0，沒有錯誤發生，文件上傳成功。<br /> 59 UPLOAD_ERR_INI_SIZE: 其值為 1，上傳的文件超過了 php.ini 中 upload_max_filesize 選項限制的值。<br /> 60 UPLOAD_ERR_FORM_SIZE:其值為 2，上傳文件的大小超過了 HTML 表單中 MAX_FILE_SIZE 選項指定<br /> 61 UPLOAD_ERR_PARTIAL:其值為 3，文件只有部分被上傳。 <br /> 62 UPLOAD_ERR_EXTENSION:其值為 4，沒有文件被上傳。 <br /> 63 UPLOAD_ERR_NO_TMP_DIR: 其值為 6，找不到臨時文件夾。PHP 4.3.10 和 PHP 5.0.3 引進。<br /> 64 UPLOAD_ERR_CANT_WRITE:其值為 7，文件寫入失敗。PHP 5.1.0 引進。<br /> 65 "; 66 67 } 68 else 69 { 70 71 echo "Upload: " . $_FILES["file"]["name"] . "<br />"; 72 echo "Type: " . $_FILES["file"]["type"] . "<br />"; 73 echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />"; 74 echo "Stored in: " . $_FILES["file"]["tmp_name"]. "<br /><br /><br />"; 75 76 77 //沒有出錯 78 //加限制條件 79 //判斷上傳文件類型為png或jpg且大小不超過10240000B(10M) 80 if(($_FILES["file"]["type"]=="image/png"||$_FILES["file"]["type"]=="image/gif"||$_FILES["file"]["type"]=="image/jpeg")&&$_FILES["file"]["size"]<10240000) 81 { 82 //防止文件名重復 83 $filename ="./img/".time()."_".$_FILES["file"]["name"]; 84 //轉碼，把utf-8轉成gb2312,返回轉換後的字符串， 或者在失敗時返回 FALSE。 85 $filename =iconv("UTF-8","gb2312",$filename); 86 //檢查文件或目錄是否存在 87 if(file_exists($filename)) 88 { 89 echo"該文件已存在"; 90 } 91 else 92 { 93 //保存文件, move_uploaded_file 將上傳的文件移動到新位置 94 move_uploaded_file($_FILES["file"]["tmp_name"],$filename);//將臨時地址移動到指定地址 95 header("refresh:5;url=".$gotopage); print(‘上傳成功，請稍等...<br>五秒後自動跳轉。‘); 96 } 97 } 98 else 99 { 100 //echo"文件類型不對"; 101 header("refresh:5;url=".$gotopage); print(‘上傳失敗，你上傳的不是圖片，請稍等...<br>五秒後自動跳轉。‘); 102 } 103 } 104 ?> 105 </body> 106 </html>
PHP上傳圖片例子