php實現(xiàn)圖片上傳與下載

zhoutk 發(fā)布于2019-06-27 14:50 / 2153人閱讀

摘要：本文接下來的內(nèi)容講的是如何通過實現(xiàn)圖片的上傳與下載構(gòu)建上傳文件前端頁面這里我借助前端框架以及圖標(biāo)庫，內(nèi)容很簡單就一個圖片上傳框以及一個提交按鈕，代碼如下上傳圖片上傳其中隱藏域主要是用來現(xiàn)在文件上傳大小的，設(shè)置為設(shè)置接收

本文接下來的內(nèi)容講的是如何通過php實現(xiàn)圖片的上傳與下載

構(gòu)建上傳文件前端頁面

這里我借助bootstrap前端框架以及fontawesome圖標(biāo)庫，內(nèi)容很簡單就一個圖片上傳框以及一個提交按鈕，代碼如下:

其中:
隱藏域主要是用來現(xiàn)在文件上傳大小的，設(shè)置為2M=>2*1024*1024=>2097152
設(shè)置接收文件類型為圖片格式，可多張圖片上傳，注意name屬性值為file[]時服務(wù)器可接收多圖片

后臺服務(wù)器圖片上傳處理

文件從前端上傳到服務(wù)器之后，服務(wù)器得到上傳文件的信息之后進(jìn)行處理，主要包括以下幾點:

首先圖片上傳有沒有錯誤，如果沒有下一步，有則返回錯誤信息

檢測文件上傳的大小

檢測文件類型，看是否為圖片類型

檢測是否為真實圖片類型，有些圖片可能是偽造的，比如我們把一個文本文件擴展名修改成圖片類型，上述幾條照樣通過

移動服務(wù)器臨時文件到指定目錄

針對2、3步有人可能會問，我們不是前端已經(jīng)在隱藏域中限制上傳大小了嘛，而且也設(shè)置了文件的接收類型，為什么服務(wù)器還要進(jìn)行驗證呢？有句話是這么說的，服務(wù)器永遠(yuǎn)不要相信客戶端傳過來的數(shù)據(jù)，有過編程經(jīng)驗的人都知道，我們可以在瀏覽器修改前端的頁面結(jié)構(gòu)以及內(nèi)容，而且還可以偽造數(shù)據(jù)，前端的驗證只是起到過濾的作用，并不能一勞永逸，服務(wù)器還是得驗證前臺傳過來的數(shù)據(jù)

接下來直接看代碼，處理文件上傳函數(shù)upload_fun.php:

 $val) {
                $files[$i]["name"] = $file["name"][$key];
                $files[$i]["type"] = $file["type"][$key];
                $files[$i]["tmp_name"] = $file["tmp_name"][$key];
                $files[$i]["error"] = $file["error"][$key];
                $files[$i]["size"] = $file["size"][$key];
                $i++;
            }
        }
    }
    return $files;
}

/**
 * 獲取文件的擴展名
 * @param $filename:文件名
 * @return string 擴展名
 */
function getExt($filename)
{
    return strtolower(pathinfo($filename, PATHINFO_EXTENSION));
}

/**
 * 生成唯一字符串作為文件名
 * @return string 唯一文件名
 */
function getUniName()
{
    return md5(uniqid(microtime(true), true));
}

/**
 * 上傳文件主處理模塊
 * @param $fileInfo:文件信息
 * @param string $path:上傳文件路徑
 * @param bool $flag:是否開啟驗證是否為真實圖片
 * @param int $maxSize:文件最大上傳大小
 * @param array $allowExt:允許的文件擴展名
 * @return array 信息
 */
function upload_file($fileInfo, $path = "./uploads", $flag = true, $maxSize = 2*1024 * 1024, $allowExt = ["jpeg", "jpg", "png", "gif"])
{
    $res = [];
    if ($fileInfo["error"] == UPLOAD_ERR_OK) {
        $ext = getExt($fileInfo["name"]);
        $uniName = getUniName();
        $dest = $path . "/" . $uniName . "." . $ext;
        //檢測上傳文件大小
        if ($fileInfo["size"] > $maxSize) {
            $res["msg"] = $fileInfo["name"] . "上傳文件過大";
        }
        //上傳文件類型
        if (!in_array($ext, $allowExt)) {
            $res["msg"] = $fileInfo["name"] . "非法文件類型";
        }
        //檢測是否為真實圖片
        if ($flag) {
            if (!getimagesize($fileInfo["tmp_name"])) {
                $res["mes"] = $fileInfo["name"] . "不是真實圖片";
            }
        }
        if ($res) return $res;
        if (!file_exists($path)) {
            mkdir($path, 0777, true);
        }
        if (!@move_uploaded_file($fileInfo["tmp_name"], $dest)) {
            $res["msg"] = $fileInfo["name"] . "文件上傳失敗";
        } else {
            $res["msg"] = $fileInfo["name"] . "文件上傳成功";
            $res["dest"] = $dest;
        }
        return $res;
    } else {
        //判斷錯誤信息
        switch ($fileInfo["error"]) {
            case 1:
                $res["mes"] = "上傳文件超過php配置文件中upload_max_filesize選項的值";
                break;
            case 2:
                $res["mes"] = "超過了表單MMAX_FILE_SIZE限制的大小";
                break;
            case 3:
                $res["mes"] = "文件部分被上傳";
                break;
            case 4:
                $res["mes"] = "沒有選擇上傳文件";
                break;
            case 6:
                $res["mes"] = "沒有找到臨時目錄";
                break;
            case 7:
                $res["msg"] = "文件寫入失敗";
                break;
            case 8:
                $res["mes"] = "系統(tǒng)錯誤";
                break;
        }
        return $res;
    }
}

服務(wù)器接收上傳文件調(diào)用處理文件上傳函數(shù)upload_fun.php進(jìn)行處理:

";
    $uploadFiles[] = $res["dest"];
}
$uploadFiles = array_values(array_filter($uploadFiles));
print_r($uploadFiles);

$uploadFiles = array_values(array_filter($uploadFiles));這句主要是因為上傳多文件時可能會有個別文件出錯而上傳失敗導(dǎo)致$uploadFiles[]中的某個值是空值，所以我們需要對其進(jìn)行過濾并賦值給一個新數(shù)組

GPU云服務(wù)器云服務(wù)器實現(xiàn)圖片上傳 asp實現(xiàn)上傳圖片 android 實現(xiàn)上傳圖片 asp實現(xiàn)上傳與

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/22047.html

發(fā)表評論

登陸后可評論

0條評論

zhoutk

男|高級講師

我要關(guān)注我要私信

TA的文章

#萬圣節(jié)#hostsailor：羅馬尼亞VPS全場6.5折起，XEN/KVM/OVZ架構(gòu)全有

閱讀 2858·2021-11-02 14:42
EasyUI項目之新書上架、熱門書籍

閱讀 3227·2021-10-08 10:04
Vue:scoped與module的使用與利弊

閱讀 1253·2019-08-30 15:55
webpack4.16壓縮打包

閱讀 1088·2019-08-30 15:54
聊聊sticky定位

閱讀 2383·2019-08-30 15:43
關(guān)于外部樣式表也許你不知道的事

閱讀 1740·2019-08-29 15:18
[譯] 如何運用新技術(shù)提升網(wǎng)頁速度和性能

閱讀 929·2019-08-29 11:11
splice, split, slice 的區(qū)別

閱讀 2431·2019-08-26 13:52

成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲中文字幕日韩无码

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

php實現(xiàn)圖片上傳與下載

相關(guān)文章

開箱即用-簡潔實用的ImgURL圖床相冊程序和Zdir目錄列表程序(文件管理器）

PHP上傳圖片的路徑保存在數(shù)據(jù)庫中，根據(jù)圖片路徑顯示圖片

**Ueditor結(jié)合七牛云存儲上傳圖片、附件和圖片在線管理的實現(xiàn)和最新更新**

PHP文件的上傳與下載

Nextcloud個人云存儲絕佳選擇：一鍵自動安裝方法和云盤使用體驗

發(fā)表評論

0條評論

zhoutk

男|高級講師

TA的文章

#萬圣節(jié)#hostsailor：羅馬尼亞VPS全場6.5折起，XEN/KVM/OVZ架構(gòu)全有

EasyUI項目之新書上架、熱門書籍

Vue:scoped與module的使用與利弊

webpack4.16壓縮打包

聊聊sticky定位

關(guān)于外部樣式表也許你不知道的事

[譯] 如何運用新技術(shù)提升網(wǎng)頁速度和性能

splice, split, slice 的區(qū)別

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

php實現(xiàn)圖片上傳與下載

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！