.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了
留言
張貼留言