.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了