.NET Core第23天_ImageTagHelper的使用

 

ImageTagHelper:是針對HTML原生<img>的封裝。
使<img>具備hash value,又被稱作圖像指紋,優點在於當有要坐上傳、提交圖片檔時,
可用hash判斷是否為已提交過的圖像避免重複提交至Server上。

要有此機制可以多增加該屬性的設定
asp-append-version = "true"


新增好ImageController.cs跟相應Index檢視

ImageController.cs

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
using Microsoft.AspNetCore.Mvc;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace Net5App6.Controllers
{
    public class ImageController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }
    }
}


Index檢視(無hash)

1
2
3
4
5
@{
    ViewData["Title"] = "ImageTagHelper example";
}

<img src="~/img/001.jpg" style="width:30%;height:30%" />





Index檢視(有hash)

1
2
3
4
5
@{
    ViewData["Title"] = "ImageTagHelper example";
}

<img src="~/img/001.jpg" style="width:30%;height:30%" asp-append-version="true" />



可以看到該圖片後面開始多串hash了



留言

這個網誌中的熱門文章

何謂淨重(Net Weight)、皮重(Tare Weight)與毛重(Gross Weight)

Architecture(架構) 和 Framework(框架) 有何不同?_軟體設計前的事前規劃的藍圖概念

(2021年度)駕訓學科筆試準備題庫歸納分析_法規是非題