html下載標記

基本問題是這樣的：我有一個圖像文件的鏈接。點擊鏈接時所需的行爲是獲取下載對話框，這將允許我啓動關聯的圖像編輯器。這不會發生，因爲圖像文件是由瀏覽器呈現的。html下載標記

當用戶點擊鏈接時，是否有任何html魔法可以用來強制瀏覽器提供下載對話框？

任何幫助或指針將不勝感激。

來源

2010-07-02 Gearoid Murphy

個兩種技術途徑：

在一個錨定標記的href使用Data URIs：

<a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOnAAADpwBB5RT3QAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8yNS8xMapAVMwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABjklEQVQ4jZWTwWoTURSGv5lMp1OmxUIUXISCCbW06daNtGuh7uMbCHaeoOBSzBMEN92LXXThohVtoAshOyuKJQkaXWRjKi7aBjPT9v6uEsbpTGp/OHDPvf/5zjmLa0niCo0zWMODA2BZVqZTEkG1RdwhoLaxMKqTBJKWJO1JOpN0Iek8EQqeNxVXLP8jqS7pniXpe+1V9+yw058ft19yoqHKJb+9XikcOcDcYadvj4Mki+P68q1/F5hz4s1qGwsABNUWszMOD+7nWS75THk5wshw0DzhbeM3x/3zJG/CiWdBtTU6r63kuZ2f5NnmD8LI4Lk2TyoFHq7mefnm56XJMldaLE5T2+oSRgaAQWR4sdWlXJpO9WeCbvi5EWSoQWSYmkwvyQRdGOG5/z57rn0JfiWo8emY4FFhBPNcm/VKgQ/Nk1S/k3oLvN4/Ym31Jk8f38FzbQah4fPXU3be/8oEGSCXfBhEhu16j+16L6tXXKENfFwq+u3/caepXPLbwDsk3ZK0G/tr14lTSTuSin8BUMr8td343bwAAAAASUVORK5CYII=">Download</a>
在某些特定的瀏覽器，如谷歌Chrome和Firefox，你可以這樣做：

<a download="image.jpg" href="http://www.domain.com/image.jpg">Download</a>

來源

2013-01-11 17:00:37

僅用HTML就不可能，但是您可以通過使用服務器端語言（如PHP）修改標頭來強制文件下載。


// grab the requested file's name 
$file_name = $_GET['file']; 

// make sure it's a file before doing anything! 
if(is_file($file_name)) 
{ 

    /* 
     Do any processing you'd like here: 
     1. Increment a counter 
     2. Do something with the DB 
     3. Check user permissions 
     4. Anything you want! 
    */ 

    // required for IE 
    if(ini_get('zlib.output_compression')) { ini_set('zlib.output_compression', 'Off'); } 

    // get the file mime type using the file extension 
    switch(strtolower(substr(strrchr($file_name,'.'),1))) 
    { 
     case 'pdf': $mime = 'application/pdf'; break; 
     case 'zip': $mime = 'application/zip'; break; 
     case 'jpeg': 
     case 'jpg': $mime = 'image/jpg'; break; 
     default: $mime = 'application/force-download'; 
    } 
    header('Pragma: public'); // required 
    header('Expires: 0');  // no cache 
    header('Cache-Control: must-revalidate, post-check=0, pre-check=0'); 
    header('Last-Modified: '.gmdate ('D, d M Y H:i:s', filemtime ($file_name)).' GMT'); 
    header('Cache-Control: private',false); 
    header('Content-Type: '.$mime); 
    header('Content-Disposition: attachment; filename="'.basename($file_name).'"'); 
    header('Content-Transfer-Encoding: binary'); 
    header('Content-Length: '.filesize($file_name)); // provide file size 
    header('Connection: close'); 
    readfile($file_name);  // push it out 
    exit(); 

}

來源

2010-07-02 15:03:36 Brady

但這是否意味着只需導航到此頁面，用戶將被迫下載圖像？ – 2010-07-02 15:05:23

沒有什麼你將不得不做的是改變你的圖像鏈接指向這個PHP文件通過$ _GET ['文件']發送的圖像。然後是該文件將被迫下載 – Brady 2010-07-02 15:09:33

這是mediawiki，所以我不知道我可以輕鬆操縱mediawiki的擴展上下文中的http標題 – 2010-07-02 15:12:59

，如果你想顯示下載對話框，你需要把特殊的頭，以你的形象

在PHP

這將是：

header('Content-Description: File Transfer'); 
header('Content-Type: application/octet-stream'); 
header('Content-Disposition: attachment; filename=image.jpg'); 
header('Content-Transfer-Encoding: binary');

來源

2010-07-02 15:05:12

-1

另一種解決辦法是把它添加到該文件夾中的htaccess文件與您的圖像：

AddType application/octet-stream .jpg

來源

2010-07-02 15:07:55 Brady

這不會強制所有jpg文件被視爲原始二進制嗎？我希望能夠在瀏覽器中呈現圖像... – 2010-07-02 15:14:20

是的，它會強制下載所有圖像。使用此解決方案，您可以將要強制下載的圖像放入單獨的文件夾中，並僅將此代碼應用於該文件夾。如果因爲某種原因無法做到這一點，那麼PHP或類似的解決方案是唯一的方法。 – Brady 2010-07-02 15:24:07

回答

相關問題