需要顯示的文件圖標，而不是隻在HTML鏈接

我有文件上傳功能使用PHP，然後我需要提供這些文件的鏈接下載它們。目前我剛剛給出超鏈接例如：需要顯示的文件圖標，而不是隻在HTML鏈接

<a href="/files/testbook.pdf"> Text Book </a>

但是，這只是顯示了一個鏈接..而不是需要顯示一個PDF文件圖標。我怎樣才能做到這一點？

來源

2013-04-03 Arunko

使用IMG標籤？ – Jocelyn

我認爲你需要了解更多關於HTML的知識。 http://www.w3schools.com/html/default.asp –

由於@Jocelyn在評論中說，您需要使用IMG標記來顯示圖像：

<a href="/files/testbook.pdf"><img src="/path/to_your_image.png" alt="Text Book"/> Text Book </a>

我建議你檢查文件的類型，然後把正確的圖片（PDF，ZIP，DOC ...），你可以這樣做：

<?php 
$finfo = finfo_open(FILEINFO_MIME_TYPE); 
echo finfo_file($finfo, 'YOUR_FILENAME');

然後根據您允許的MIME類型執行切換或if..else。

來源

2013-04-03 08:04:16 m4t1t0

的PDF圖標，在網上搜索，下載，然後

<a href=file.pdf><img src=pdficon.jpg> test book</a>

來源

2013-04-03 07:58:05

您可以使用類似以下內容：

<a href="/files/testbook.pdf"> <img src="path_to_image" alt="Textbook"/> </a>

它顯示的圖像作爲鏈接。當您單擊圖像時，瀏覽器將開始下載PDF或在瀏覽器中顯示PDF。

來源

2013-04-03 07:59:15 chintan

您可以使用css選擇器來選擇所有pdf文件鏈接並動態應用圖標。這意味着您不需要爲所有鏈接添加單獨的img標籤。你還可以添加其他選擇不同的文件類型，或外部VS內部鏈接等。

一個例子是在你的CSS如下..

a[href$='.pdf'] {  
    display:inline-block;  
    line-height:18px; /* check your icon height */  
    padding-right:20px;  
    background: transparent url(images/pdf.png) center right no-repeat;  
}  
/* change padding-right to padding left and background 
position center right to center left 
if you want to display icon on the left side */

這有用的代碼是從http://www.vision.to/add-a-small-icon-to-your-links-css-only.php

取

關於這個話題的一個有趣的閱讀http://www.portent.com/blog/design-dev/class-up-your-link-icons-with.htm

來源

2013-04-03 08:02:49 lukeocom

你可以用CSS做得更好。我還建議使用target屬性強制鏈接在新標籤頁中打開，這樣當點擊外部鏈接時，網站訪問者不會離開您的網站（在這種情況下，所有意圖和目的都是外部的......））

<a id="pdf-link" target="_BLANK" href="/files/testbook.pdf"> Text Book </a> 

a#pdf-link { 
    background: url('../images/pdf-icon.png') left center no-repeat; 
    display: block; 
    min-height: <USE-IMAGE-HEIGHT>px; 
    padding-left: <USE-IMAGE-WIDTH-PLUS10/20>px; 
}

來源

2013-04-03 08:04:13

需要顯示的文件圖標，而不是隻在HTML鏈接

回答

相關問題