程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 兩種php實現圖片上傳的方法,

兩種php實現圖片上傳的方法,

編輯:關於PHP編程

兩種php實現圖片上傳的方法,


圖片上傳在項目中經常用到,幾乎沒有任何一個項目可以脫離圖片或者是文件上傳。本篇我在這向大家介紹兩種常規的上傳方式。(注:在這裡我們僅僅是對功能的實現,不去做過多的前端的樣式)
一、利用form表單上傳
此種方式是最原始的上傳方式,前端就是簡單的form表單,後端我們有PHP處理傳輸過來的文件。
首先看前端的代碼 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'];//得到傳輸的數據
//得到文件名稱
$name = $file['name'];
$type = strtolower(substr($name,strrpos($name,'.')+1)); //得到文件類型,並且都轉化成小寫
$allow_type = array('jpg','jpeg','gif','png'); //定義允許上傳的類型
//判斷文件類型是否被允許上傳
if(!in_array($type, $allow_type)){
  //如果不被允許,則直接停止程序運行
  return ;
}
//判斷是否是通過HTTP POST上傳的
if(!is_uploaded_file($file['tmp_name'])){
  //如果不是通過HTTP POST上傳的
  return ;
}
$upload_path = "D:/now/"; //上傳文件的存放路徑
//開始移動文件到相應的文件夾
if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){
  echo "Successfully!";
}else{
  echo "Failed!";
}

當然,此php處理代碼不是很完善,其中對錯誤的情況沒有進行處理,然而使用php處理上傳文件的原理就是這樣的,大家可以在此基礎上進行優化,使其更加完善。
二、利用uploadify實現無刷新並且帶進度條的上傳
首先下載uploadify插件,保存在項目中的某個文件夾下面,然後引入三個文件

<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,  //是否開啟一次性上傳多個文件
          queueSizeLimit:20,  //最大允許上傳的文件數量
          buttonText: bidtype,        //按鈕文字
          height: 34,               //按鈕高度
          width: 82,               //按鈕寬度
          auto:false,  //選擇完圖片以後是否自動上傳
          method:'post',
          fileTypeExts: "*.jpg;*.png;*.gif;*.jpeg;",      //允許的文件類型
          fileTypeDesc: "請選擇圖片文件",      //文件說明
          postData:{},
          formData: { "imgType": "normal","timestamp":"asdfsa","token":"48f262516b3912a060d21ef6af564668" }, //提交給服務器端的參數
          onUploadSuccess: function (file, data, response) {  //一個文件上傳成功後的響應事件處理
            var data = $.parseJSON(data);
          }
        });
      })
    });
  </script>
<body>
  <span id="commercial_upload" class="uploadbutton"></span>
</body>

樣式如下

當然此按鈕的樣式我改動過,大家可以根據自己的需要修改樣式文件,改變此按鈕的樣式
同樣的php代碼 handle.php

$file = $_FILES['Filedata'];//得到傳輸的數據
//得到文件名稱
$name = $file['name'];
$type = strtolower(substr($name,strrpos($name,'.')+1)); //得到文件類型,並且都轉化成小寫
$allow_type = array('jpg','jpeg','gif','png'); //定義允許上傳的類型
//判斷文件類型是否被允許上傳
if(!in_array($type, $allow_type)){
  //如果不被允許,則直接停止程序運行
  return ;
}
//判斷是否是通過HTTP POST上傳的
if(!is_uploaded_file($file['tmp_name'])){
  //如果不是通過HTTP POST上傳的
  return ;
}
$upload_path = "D:/now/"; //上傳文件的存放路徑
//開始移動文件到相應的文件夾
if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){
  echo "Successfully!";
}else{
  echo "Failed!";
}

以上兩種方式上傳可以說PHP處理的原理是相同的,只是前台顯示的樣式不同,第二種方式是無刷新,並且帶有返回值,可以方便我們做其它的處理。雖然常用,但是總歸會受限制,使用起來不是很靈活。
隨著html5的發展的越來越成熟,我們可以利用h5中的一些方法實現上傳功能,此時後台PHP的處理代碼完全不同於以上兩種方式,並且使用起來很靈活。由於篇幅限制,本篇我不向大家介紹這種方式,有興趣的可以參考php+html5實現無刷新圖片上傳教程,希望大家會喜歡。

您可能感興趣的文章:

  • PHP圖片上傳類帶圖片顯示
  • 簡單的PHP圖片上傳程序
  • php 圖片上傳類代碼
  • php圖片上傳存儲源碼並且可以預覽
  • PHP 圖片上傳代碼
  • PHP支持多種格式圖片上傳(支持jpg、png、gif)
  • thinkphp實現圖片上傳功能分享
  • 使用ThinkPHP+Uploadify實現圖片上傳功能

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved