在客户端展示本地图片

在客户端展示本地图片

当用户在客户端上请求本地图片的时候，我们需要把本地的图片展示。

1.在控制器端把图片转换成流的形式

2.前台请求控制器端的方法，输出图片

控制器端：

 public class ImageController : Controller {private static readonly string PATH = @"C:UsersxiechongxiDesktop";//这个key就是图片的名字和后缀名public ActionResult GetImage(string key) {//path就包含了路径和文件名，后缀string path = Path.Combine(PATH, key);//ext是用GetExtension方法获取路径的后缀名string ext = System.IO.Path.GetExtension(path);//判断这个路径是否有图片if (System.IO.File.Exists(path)) {//通过http返回一个image类型的文件using (FileStream fs = System.IO.File.OpenRead(path)) {return File(StreamToBytes(fs), "image/" + ext);}}else {return null;}}private byte[] StreamToBytes(Stream stream) {byte[] bytes = new byte[stream.Length];stream.Read(bytes, 0, bytes.Length);// 设置当前流的位置为流的开始stream.Seek(0, SeekOrigin.Begin);return bytes;}}

前台获取：

//image表示的是ImageCotroller，@scene.LocalKey表示的是文件名，包含后缀名
<img src="/image/@scene.LocalKey"/>

是不是感觉Html里面很奇怪，<img src="/image/40ed9c2c-1d1c-470c-a760-7f860e9c309c.jpg">这种形式

实际上为了美观更改了路由，可以参考一下以下路由设置

public static void RegisterRoutes(RouteCollection routes) {routes.IgnoreRoute("{resource}.axd/{*pathInfo}");routes.MapRoute("Image",//路由名称"Image/{key}",new { controller = "Image", action = "GetImage" });routes.MapRoute("Default", // 路由名称"{controller}/{action}/{id}", // 带有参数的 URLnew { controller = "Follow", action = "Index", id = UrlParameter.Optional } // 参数默认值
            );}

新添加的路由一定要放在默认路由上面，这里有个优先级，我也就不多说。

流程是这样的img标签里面的src后面这个地址，是请求ImageCotroller中的GetImage方法（路由设置效果），并且传递参数（文件名和后缀），然后GetImage返回的是文件。

注：此篇随笔只供参考使用，而且也有很多小瑕疵，最主要的不是代码，逻辑才是最重要的。

转载于:.html