By

如何讓圖片及PDF檔「連結」點擊即可直接下載

如何讓圖片及PDF檔連結點擊即可直接下載

在網站設計以及行銷時,有時候你會遇到這樣的狀況:

  • 製作網站PDF等文件檔下載專區(ex:比如此例)
  • 製作桌布下載專區

此時你「不要使用者點擊連結後直接開啟」,而是要點擊後跳出如下提示:

如何讓圖片及PDF檔連結點擊即可直接下載
直接看例子:

好!現在開始來做囉!非常簡單的!

  1. 首先將圖片上傳
  2. 編輯「download.php」檔並上傳至網站「根目錄」(就放首頁網址的地方)
  3. 在需要放下載的地方放上編輯的連結
  4. 完成!!!

簡單的說即是如此而已,下面來看詳細的做法囉


首先是圖片的上傳

範例中我們將圖檔上傳到如下網址

http://www.arno.tw/images/article/201211/how-to-make-link-direct-download/test.jpg

因為以後我還會把圖片放在網站中如上的「images」資料夾中,因此等一下我們在設定「download.php」時,即是將【http://www.arno.tw/images/】設為圖片基底網址

編輯download.php檔案並上傳至網站「根目錄」

請先點擊下載「download.php」

打開它之後會看到如下

<?php
if($_GET['f']!=null){
	$file=$_GET['f'];//檔案名稱
	$url="http://www.arno.tw/images/"; //路徑位置
	$num=date("Ymds");	
	header("Content-type:application");
	header("Content-Disposition: attachment; filename=".$file);	
	readfile($url.str_replace("@","",$file));	
	exit(0);
}else{
	echo "找不到相關檔案....";
}
?>

將【http://www.arno.tw/images/】這段換成你自已的「圖片基底網址

然後請將這個檔案上傳到你的網站根目錄中,即是與index.php或index.html一樣的目錄之中

在需要放下載的地方放上編輯的連結

完成了如上後,接下來要怎麼使用它呢?

範例1:

  • 如本例中圖片放置的網址:
    http://www.arno.tw/images/article/201211/how-to-make-link-direct-download/test.jpg
  • 圖片基底網址是:
    http://www.arno.tw/images/
  • download.php放置位置:
    http://www.arno.tw/
  • 下載連結:(即download.php加「?f=」再加上images/後面的內容)
    http://www.arno.tw/download.php?f=article/201211/how-to-make-link-direct-download/test.jpg
  • HTML設置:
    <a href="http://www.arno.tw/download.php?f=article/201211/how-to-make-link-direct-download/test.jpg">點擊此下載圖片</a>

範例2:

再給大家看一個例子..
  • 圖片網址:
    http://www.abc.com.tw/images/123.jpeg
  • download.php中基底網址設為:
    http://www.abc.com.tw/images/
  • download.php放置位置:
    http://www.abc.com.tw
  • 下載連結:(即download.php加「?f=」再加上123.jpeg)
    http://www.abc.com.tw/download.php?f=123.jpeg
  • HTML設置:
    <a href="http://www.abc.com.tw/download.php?f=123.jpeg">點擊此下載圖片</a>

現在,你知道怎麼讓圖片連結和PDF等連結點擊後直接下載了嗎?哈哈哈

 

 

 

 

 

 

經營網站SEO的排名只能當作是網路行銷中重要的一塊但不是全部

最重要的還是在於改善使用者瀏覽的體驗,

從而提高成交率,降低跳離率

而一切的種種之中

這篇所教的東西其實也是改善使用者體驗的一個方式

當然另存新檔大家都會

但讓使用者更輕鬆的閱覽頁面內容

不也是我們的責任嗎?

一定要學會哦!否則…

oh my god..(誤XD)

當然,我也還在學習當中

之後會試著多分享一些經營上的心得以及數據

你若有任何的疑問及意見都非常希望能在下面討論或來信指教!

 

 

 

 

 

 

 

 

 

魔鬼,就藏在細節之中

留言

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Top