快捷導(dǎo)航

兩種php實(shí)現(xiàn)圖片上傳的方法

更新時(shí)間：2016年01月22日 11:27:09 作者：跡憶

這篇文章主要為大家介紹了兩種php實(shí)現(xiàn)圖片上傳的方法，利用form表單上傳，另一種方法是利用uploadify實(shí)現(xiàn)無(wú)刷新并且?guī)нM(jìn)度條的上傳，感興趣的小伙伴們可以參考一下

圖片上傳在項(xiàng)目中經(jīng)常用到，幾乎沒(méi)有任何一個(gè)項(xiàng)目可以脫離圖片或者是文件上傳。本篇我在這向大家介紹兩種常規(guī)的上傳方式。（注：在這里我們僅僅是對(duì)功能的實(shí)現(xiàn)，不去做過(guò)多的前端的樣式）
一、利用form表單上傳
此種方式是最原始的上傳方式，前端就是簡(jiǎn)單的form表單，后端我們有PHP處理傳輸過(guò)來(lái)的文件。
首先看前端的代碼 upload.html

<form action="handle.php" name="form" method="post" enctype="multipart/form-data">
  <input type="file" name="file" />
  <input type="submit" name="submit" value="上傳" />
</form>

然后新建php文件 handle.php 代碼如下

$file = $_FILES['file'];//得到傳輸?shù)臄?shù)據(jù)
//得到文件名稱(chēng)
$name = $file['name'];
$type = strtolower(substr($name,strrpos($name,'.')+1)); //得到文件類(lèi)型，并且都轉(zhuǎn)化成小寫(xiě)
$allow_type = array('jpg','jpeg','gif','png'); //定義允許上傳的類(lèi)型
//判斷文件類(lèi)型是否被允許上傳
if(!in_array($type, $allow_type)){
  //如果不被允許，則直接停止程序運(yùn)行
  return ;
}
//判斷是否是通過(guò)HTTP POST上傳的
if(!is_uploaded_file($file['tmp_name'])){
  //如果不是通過(guò)HTTP POST上傳的
  return ;
}
$upload_path = "D:/now/"; //上傳文件的存放路徑
//開(kāi)始移動(dòng)文件到相應(yīng)的文件夾
if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){
  echo "Successfully!";
}else{
  echo "Failed!";
}

當(dāng)然，此php處理代碼不是很完善，其中對(duì)錯(cuò)誤的情況沒(méi)有進(jìn)行處理，然而使用php處理上傳文件的原理就是這樣的，大家可以在此基礎(chǔ)上進(jìn)行優(yōu)化，使其更加完善。
二、利用uploadify實(shí)現(xiàn)無(wú)刷新并且?guī)нM(jìn)度條的上傳
首先下載uploadify插件，保存在項(xiàng)目中的某個(gè)文件夾下面，然后引入三個(gè)文件

<link href="js/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/uploadify/jquery.min.1.7.js"></script>
<script type="text/javascript" src=js/uploadify/jquery.uploadify.min.js"></script>

然后引用以下代碼

<script type="text/javascript">
    $(function(){
      $(".uploadbutton").each(function(){
       
        bidtype="上傳";
        $(this).uploadify({
          swf: 'js/uploadify/uploadify.swf',
          uploader: "handle.php",  //處理上傳的php文件或者方法
          multi: true,  //是否開(kāi)啟一次性上傳多個(gè)文件
          queueSizeLimit:20,  //最大允許上傳的文件數(shù)量
          buttonText: bidtype,        //按鈕文字
          height: 34,               //按鈕高度
          width: 82,               //按鈕寬度
          auto:false,  //選擇完圖片以后是否自動(dòng)上傳
          method:'post',
          fileTypeExts: "*.jpg;*.png;*.gif;*.jpeg;",      //允許的文件類(lèi)型
          fileTypeDesc: "請(qǐng)選擇圖片文件",      //文件說(shuō)明
          postData:{},
          formData: { "imgType": "normal","timestamp":"asdfsa","token":"48f262516b3912a060d21ef6af564668" }, //提交給服務(wù)器端的參數(shù)
          onUploadSuccess: function (file, data, response) {  //一個(gè)文件上傳成功后的響應(yīng)事件處理
            var data = $.parseJSON(data);
          }
        });
      })
    });
  </script>
<body>
  <span id="commercial_upload" class="uploadbutton"></span>
</body>

樣式如下

當(dāng)然此按鈕的樣式我改動(dòng)過(guò)，大家可以根據(jù)自己的需要修改樣式文件，改變此按鈕的樣式
同樣的php代碼 handle.php

$file = $_FILES['Filedata'];//得到傳輸?shù)臄?shù)據(jù)
//得到文件名稱(chēng)
$name = $file['name'];
$type = strtolower(substr($name,strrpos($name,'.')+1)); //得到文件類(lèi)型，并且都轉(zhuǎn)化成小寫(xiě)
$allow_type = array('jpg','jpeg','gif','png'); //定義允許上傳的類(lèi)型
//判斷文件類(lèi)型是否被允許上傳
if(!in_array($type, $allow_type)){
  //如果不被允許，則直接停止程序運(yùn)行
  return ;
}
//判斷是否是通過(guò)HTTP POST上傳的
if(!is_uploaded_file($file['tmp_name'])){
  //如果不是通過(guò)HTTP POST上傳的
  return ;
}
$upload_path = "D:/now/"; //上傳文件的存放路徑
//開(kāi)始移動(dòng)文件到相應(yīng)的文件夾
if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){
  echo "Successfully!";
}else{
  echo "Failed!";
}

以上兩種方式上傳可以說(shuō)PHP處理的原理是相同的，只是前臺(tái)顯示的樣式不同，第二種方式是無(wú)刷新，并且?guī)в蟹祷刂?，可以方便我們做其它的處理。雖然常用，但是總歸會(huì)受限制，使用起來(lái)不是很靈活。
隨著html5的發(fā)展的越來(lái)越成熟，我們可以利用h5中的一些方法實(shí)現(xiàn)上傳功能，此時(shí)后臺(tái)PHP的處理代碼完全不同于以上兩種方式，并且使用起來(lái)很靈活。由于篇幅限制，本篇我不向大家介紹這種方式，有興趣的可以參考php+html5實(shí)現(xiàn)無(wú)刷新圖片上傳教程，希望大家會(huì)喜歡。

您可能感興趣的文章: