asp.net MVC简单图片上传

最新推荐文章于 2022-08-05 11:39:59 发布

原创最新推荐文章于 2022-08-05 11:39:59 发布 · 756 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#upload #mvc #asp.net

asp.net MVC知识收集专栏收录该内容

6 篇文章

订阅专栏

博客介绍了ASP.NET MVC进行简单图片上传的方法，包括创建控制器HomeController.cs、视图Index.cshtml、文件夹Upload，最后预览即可完成图片上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

asp.net MVC简单图片上传

01、创建控制器HomeController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace mvcTuPianShangChuang.Controllers
{
    public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public ActionResult UploadImg()

        {
            //接收表单传递过来的图片
            HttpPostedFileBase file = Request.Files["imagesFile"];


            //拿到文件的扩展名
            string extName = System.IO.Path.GetExtension(file.FileName);
            if (extName != ".jpeg" && extName != ".gif" && extName != ".jpg" && extName != ".png")
            {
                //返回前一页
                return Content("<script>alert('文件格式不合适，请重新上传');history.go(-1);</script>");
            }
            //最终上传路径
            string uploadImgName = "/Upload/" + Guid.NewGuid().ToString() + file.FileName;
            //将上传的图片保存
            file.SaveAs(Request.MapPath(uploadImgName));
            //返回前一页
            return Content("<script>alert('上传成功!');history.go(-1);</script>");
        }

        //[HttpPost]
        //public ActionResult UploadImg()
        //{
        //    if (Request.Files.Count > 0)
        //    {
        //        HttpPostedFileBase f = Request.Files["file1"];
        //        f.SaveAs(@"D:\" + f.FileName);
        //    }
        //    return Content("<script>alert('上传成功!');history.go(-1);</script>");
        //    //return View();
        //}

    }
}

02创建视图Index.cshtml

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        <form action="/home/uploadimg" method="post" enctype="multipart/form-data">
            <input type="file" name="imagesFile" />
            <input type="submit" value="submit" />
        </form>


    </div>
</body>
</html>