MVC实现下载以及显示图片

Laughing
2017-07-30 / 0 评论 / 1,001 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2020年09月26日,已超过1574天没有更新,若内容或图片失效,请留言反馈。

在MVC中我们可以很容易的通过File实现图片的显示以及下载等操作。

<!DOCTYPE html>  
<html>  
<head>  
    <title>Index</title>  
</head>  
<body>  
        <div class="horizontal">  
            <div class="panel panel-heading">  
            通过File下载文件  
            </div>  
            <div class="panel panel-body">  
        <a href="@Url.Action("ImageFor",new {id="1"})">下载</a>  
        </div>  
            </div>  
          
            <div class="panel">  
            <div class="panel-heading">  
            通过FilePathResult显示图片  
            </div>  
            <div class="panel-body">  
                <img src="@Url.Action("ImageFor",new{id="1"})"/>  
            </div>  
        </div>  
  
        <div class="panel">  
            <div class="panel-heading">  
            通过FileContentResult显示图片  
            </div>  
            <div class="panel-body">  
            <img src="@Url.Action("ImageFor",new {id="2"})"/>  
            </div>  
        </div>  
</body>  
</html>
using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.Mvc;  
using System.IO;  
  
namespace SportsStore.WebUI.Controllers  
{  
    public class HomeController : Controller  
    {  
        public ActionResult Index()  
        {  
            ViewBag.Title = "首页";  
            return View ();  
        }  
  
        public ActionResult ImageFor(string id){  
            var filePath = Server.MapPath(string.Format("/Images/image{0}.jpg", "1"));  
            if (id == "1")  
            {  
                return File(filePath, "image/jpg", "meinv.jpg");  
            }else{  
                using (FileStream fs = new FileStream(filePath, FileMode.Open, FileAccess.Read)){  
                    byte[] bytes = new byte[fs.Length];  
                    fs.Read(bytes,0,bytes.Length);  
                    var fileContentResult = new FileContentResult(bytes, "image/jpg");  
                    return fileContentResult;  
                }  
            }  
        }  
    }  
}
0

评论 (0)

取消
  1. 头像
    hahah
    MacOS · Google Chrome

    好东西,谢谢

    回复
  2. 头像
    Laughing 作者
    iPhone · Safari
    @ yinan

    已审核

    回复