步驟很簡(jiǎn)單：

下面實(shí)戰(zhàn)示例：

1：新建web站點(diǎn)項(xiàng)目：ImageLink

2：再建類(lèi)庫(kù)項(xiàng)目:ImageLinkClass

3：類(lèi)庫(kù)添加類(lèi)：ImageLinkFilter

4：web站點(diǎn)添加到類(lèi)庫(kù)項(xiàng)目的引用

此時(shí)結(jié)果如下圖：

上面多了一個(gè)文件夾Images和里面兩張測(cè)試用的圖片。

5：ImageLinkFilter類(lèi)繼承IHttpHandler接口，并實(shí)現(xiàn)接口，代碼如下

    public class ImageLinkFilter:IHttpHandler
    {
        #region IHttpHandler 成員

        public bool IsReusable
        {
            get
            {
                return true;
            }
        }

        public void ProcessRequest(HttpContext context)
        {
            Uri u = context.Request.UrlReferrer;//訪問(wèn)來(lái)源地址
            string ip = context.Request.UserHostAddress;//訪問(wèn)來(lái)源IP
            string serverHost = context.Request.Url.Host;//當(dāng)前訪問(wèn)主機(jī)地址
            
            string localIP=System.Configuration.ConfigurationManager.AppSettings["LocalIP"];
            if (u == null || u.Host.ToLower() != serverHost.ToLower() || ip != localIP)
            {
                context.Response.WriteFile("~/Images/passby.jpg");
            }
            else
            {
                context.Response.WriteFile(context.Request.PhysicalPath);
            }
        }

        #endregion
    }

代碼很簡(jiǎn)潔了，本地IP寫(xiě)在web.config文件如：

6：配置文件里添加對(duì)本類(lèi)的引用

7：按F5進(jìn)行測(cè)試

測(cè)試1：通過(guò)本地頁(yè)面Default.aspx測(cè)試圖片

得出結(jié)果正常訪問(wèn)圖片結(jié)果：

原因：因?yàn)閬?lái)源頁(yè)不為Null，地址也對(duì)，同時(shí)IP也一樣。

你可以改一下IP，看看結(jié)果。

測(cè)試2：直接訪問(wèn)圖片地址

得出結(jié)果是：

原因：直接訪問(wèn)圖片時(shí)，來(lái)源頁(yè)是Null，所以被轉(zhuǎn)向了。

按理，以上卻是OK了，然而部署到IIS時(shí)，一切效果都消失了。

8：IIS部署

我們修改一下項(xiàng)目屬性頁(yè)的配置：服務(wù)器選項(xiàng)，用本機(jī)IIS來(lái)調(diào)試：修改如下圖：

接著F5調(diào)試，我們發(fā)現(xiàn)ImageLinkFilter內(nèi)的斷點(diǎn)無(wú)效，圖片也被正常訪問(wèn)

其實(shí)，這里需要添加一下對(duì)IIS的映射，讓aspnet_isapi.dll能處理下圖片類(lèi)型：

9：添加IIS映射

A：IIS-》網(wǎng)站屬性—》主目錄-》配置

B：在映射-》點(diǎn)添加[可添加多個(gè)]

可執(zhí)行文件路徑為：C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_isapi.dll

擴(kuò)展名這里注意了：.jpg [我一直打成*.jpg，結(jié)果那個(gè)確定按鈕一直不可用]

10：最終測(cè)試

加完映射之后，我們?cè)貴5運(yùn)行，發(fā)現(xiàn)斷點(diǎn)執(zhí)行了，測(cè)試效果如下：

結(jié)果1：通過(guò)頁(yè)面訪問(wèn)，轉(zhuǎn)向成功！

結(jié)果2：直接訪問(wèn)圖片路徑，轉(zhuǎn)身成功！