圖片顯示與下載

lingdududu 發(fā)布于2019-06-27 14:57 / 2046人閱讀

摘要：請多時候你會發(fā)現(xiàn)瀏覽器即可顯示圖片文件，也可提供圖片文件下載。還有一種方法直接訪問圖片地址

請多時候你會發(fā)現(xiàn)瀏覽器即可顯示圖片(文件)，也可提供圖片（文件）下載。到底如何實現(xiàn)？什么代碼控制的呢？

關鍵技術點

HTTP響應頭屬性
1、Content-Type
2、Content-Disposition (提供下載的實現(xiàn))
3、Content-Length

下載

實現(xiàn)代碼如下

    $file = "./img/fang.jpg";
    $mode = "rb";
    header("Content-Disposition:Attachment;filename=".basename($file));
    $finfo = new Finfo(FILEINFO_MIME_TYPE);
    $mime = $finfo->file($file);
    header("Content-Type: ".$mime);
    header("Content-Length:".filesize($file));
    
    $handle = fopen($file, $mode);
    while(!feof($handle)){
        echo fgets($handle, 1024);
    }

注意
在IE中，沒有header("Content-Disposition:Attachment;filename=".basename($file));這句代碼也可實現(xiàn)下載，只要header("Content-Type:image/jpg");就會提供下載

顯示

實現(xiàn)代碼如下

    $file = "./img/fang.jpg";
    $mode = "rb";
    $finfo = new Finfo(FILEINFO_MIME_TYPE);
    $mime = $finfo->file($file);
    header("Content-Type: ".$mime);
    header("Content-Length:".filesize($file));
    
    $handle = fopen($file, $mode);
    while(!feof($handle)){
        echo fgets($handle, 1024);
    }

注意
在IE中，上面代碼會沒有效果（依然是下載），在IE中，要顯示必須header("Content-Type: text/plain");不能設為image/jpg,這種做法不止兼容IE，其他瀏覽器也兼容。

還有一種方法
直接訪問圖片地址

云服務器 GPU云服務器圖片顯示滾動圖片圖片顯示 html圖片不顯示圖片隨機顯示圖片

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/22122.html

HTML與CSS中的,鏈接與圖像個人分享

摘要：鏈接與圖像鏈接元素元素表示鏈接元素作用從當前頁面跳轉到指定頁面屬性設置指定跳轉頁面的路徑路徑分類相對路徑相對于當前頁面的路徑絕對路徑訪問的路徑地址不變化示例代碼相對路徑的鏈接文本陰影案例他是鏈接絕對路徑的鏈接他也鏈接與圖像鏈接元素 < a >元素 - 表示鏈接元素作用 - 從當前html頁面跳轉到指定html頁面屬性 href - 設置指定跳轉html頁面的路徑 ...

cocopeak 2019-08-29 16:34 評論0 收藏0
HTML與CSS中的,鏈接與圖像個人分享

摘要：鏈接與圖像鏈接元素元素表示鏈接元素作用從當前頁面跳轉到指定頁面屬性設置指定跳轉頁面的路徑路徑分類相對路徑相對于當前頁面的路徑絕對路徑訪問的路徑地址不變化示例代碼相對路徑的鏈接文本陰影案例他是鏈接絕對路徑的鏈接他也鏈接與圖像鏈接元素 < a >元素 - 表示鏈接元素作用 - 從當前html頁面跳轉到指定html頁面屬性 href - 設置指定跳轉html頁面的路徑 ...

elisa.yang 2019-08-02 11:21 評論0 收藏0
圖片加載框架之UIL

摘要：加載并顯示圖片或加載并執(zhí)行回調接口。加載圖片主要分為三類接口表示異步加載并顯示圖片到對應的上。以上三類接口最終都會調用到這個函數(shù)進行圖片加載。不允許訪問網絡的圖片下載器。創(chuàng)建圖片下載器，返回一個。 1. 功能介紹 1.1 Android Universal Image Loader Android Universal Image Loader 是一個強大的、可高度定制的圖片緩存，本文簡...

lentrue 2019-08-16 10:50 評論0 收藏0