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

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

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

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

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

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

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

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

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

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

檢測文件上傳的大小

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

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

移動(dòng)服務(wù)器臨時(shí)文件到指定目錄

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

/**
 * 獲取文件的擴(kuò)展名
 * @param $filename:文件名
 * @return string 擴(kuò)展名
 */
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:是否開啟驗(yàn)證是否為真實(shí)圖片
 * @param int $maxSize:文件最大上傳大小
 * @param array $allowExt:允許的文件擴(kuò)展名
 * @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"] . "非法文件類型";
        }
        //檢測是否為真實(shí)圖片
        if ($flag) {
            if (!getimagesize($fileInfo["tmp_name"])) {
                $res["mes"] = $fileInfo["name"] . "不是真實(shí)圖片";
            }
        }
        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 {
        //判斷錯(cuò)誤信息
        switch ($fileInfo["error"]) {
            case 1:
                $res["mes"] = "上傳文件超過php配置文件中upload_max_filesize選項(xiàng)的值";
                break;
            case 2:
                $res["mes"] = "超過了表單MMAX_FILE_SIZE限制的大小";
                break;
            case 3:
                $res["mes"] = "文件部分被上傳";
                break;
            case 4:
                $res["mes"] = "沒有選擇上傳文件";
                break;
            case 6:
                $res["mes"] = "沒有找到臨時(shí)目錄";
                break;
            case 7:
                $res["msg"] = "文件寫入失敗";
                break;
            case 8:
                $res["mes"] = "系統(tǒng)錯(cuò)誤";
                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));這句主要是因?yàn)樯蟼鞫辔募r(shí)可能會(huì)有個(gè)別文件出錯(cuò)而上傳失敗導(dǎo)致$uploadFiles[]中的某個(gè)值是空值，所以我們需要對(duì)其進(jìn)行過濾并賦值給一個(gè)新數(shù)組

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/22047.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

zhoutk

男|高級(jí)講師

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

TA的文章

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

閱讀 2792·2021-11-02 14:42
EasyUI項(xiàng)目之新書上架、熱門書籍

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

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

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

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

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

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

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

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

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

相關(guān)文章

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

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

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

PHP文件的上傳與下載

Nextcloud個(gè)人云存儲(chǔ)絕佳選擇：一鍵自動(dòng)安裝方法和云盤使用體驗(yàn)

發(fā)表評(píng)論

0條評(píng)論

zhoutk

男|高級(jí)講師

TA的文章

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

EasyUI項(xiàng)目之新書上架、熱門書籍

Vue:scoped與module的使用與利弊

webpack4.16壓縮打包

聊聊sticky定位

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

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

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

最新活動(dòng)

資訊專欄INFORMATION COLUMN

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

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

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

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