ASP.NET MVC图片文件上传与下载

说明:
前后端代码中均只用到 ASP.NET MVC原生的技术,不需要用到ajax,WebAPI等。
下篇文章【 jQuery + Ajax + WebAPI 上传文件】会介绍使用Ajax POST来上传文件以及使用WebAPI做后台处理的方法。

1. 上传文件

ASP.NET MVC最简单的方式是使用表单来POST文件。

前端代码如下:

<form action="/BulkUpload/UploadFiles" method="post" enctype="multipart/form-data">
    <input type="file" />
    <input type="submit" value="upload" />
</form>

说明:
action 是表单提交后后台要调用的处理方法。
enctype="multipart/form-data" 这句一定要加上,表明传递的是文件,不是普通数据。

后台代码:

[HttpPost]
public bool UploadFiles()
{
    // 文件数为0证明上传不成功
    if (Request.Files.Count == 0)
    {
        throw new Exception("请选择上传文件!");
    }

    string uploadPath = Server.MapPath("../UploadFiles/");

    // 如果UploadFiles文件夹不存在则先创建
    if (!Directory.Exists(uploadPath))
    {
        Directory.CreateDirectory(uploadPath);
    }

    // 保存文件到UploadFiles文件夹
    for (int i = 0; i < Request.Files.Count; ++i)
    {
        HttpPostedFileBase file = Request.Files[i];
        // 文件名为空证明没有选择上传文件
        if (file.FileName == "")
        {
            return false;
        }

        string filePath = uploadPath + Path.GetFileName(file.FileName);
        string fileName = file.FileName;

        // 检查上传文件的类型是否合法
        string fileExtension = Path.GetExtension(filePath).ToLower();
        string fileFilter = ConfigurationManager.AppSettings["FileFilter"];
        if (fileFilter.IndexOf(fileExtension) <= -1)
        {
            Response.Write("对不起!请上传图片!!");
            return false;
        }

        // 如果服务器上已经存在该文件则要修改文件名与其储存路径
        while (System.IO.File.Exists(filePath))
        {
            Random rand = new Random();
            fileName = rand.Next().ToString() + "-" + file.FileName;
            filePath = uploadPath + Path.GetFileName(fileName);
        }
        // 把文件的存储路径保存起来
        SaveUploadFileInfo(fileName, filePath);  // todo:SaveUploadFileInfo方法请自己实现
        // 保存文件到服务器
        file.SaveAs(filePath);
    }

    return true;
}

上面用到了配置文件,也列出来一下

  <appSettings>
    ...
    <add key="FileFilter" value=".gif|.jpg|.jpeg|.png|" />
    ...
  </appSettings>

2. 下载文件

前端代码:

<input type="submit" value="下载" onclick="downloadFile()"/>

<script type="text/javascript">
    function downloadFile() {
        window.location.href = "/BulkUpload/DownloadFile";
    }
</script>

后台代码:

[HttpGet]
public FileStreamResult DownloadFile()
{
    string result = GetUploadFileInfo();  // todo:GetUploadFileInfo方法请自己实现
    string[] str = result.Split(',');
    string fileName = str[0];
    string filePath = str[1];

    return File(new FileStream(filePath, FileMode.Open), "application/octet-stream", Server.UrlEncode(fileName));
}

2018/03/21
【Update】
原来的代码里面没有放 SaveUploadFileInfoGetUploadFileInfo 两个方法,那是想着这不是本文的重点。保存到信息到数据库用ADO.NET也好ORM也好,随便搜一下也很多栗子。
我这里只是个demo,不是正式项目,没有保存到数据库,只是保存到了一个文本,而且代码逻辑也没考虑多次上传的问题,而且这也不是文章要讨论的重点。所以没贴出来。
然而有人评论说我的代码是不知道从哪里复制的,我只能说伸手党真是什么样的人都有(那条评论被我冲动删了)。真是无语了,那我就贴完整代码吧。
事先声明!!!下面的代码逻辑不完整,请不要直接使用!!!

        // 把上传文件的文件名与存储路径保存到record.txt文件
        private void SaveUploadFileInfo(string fileName, string filePath)
        {
            FileStream fs = new FileStream(@"D:\...\record.txt", FileMode.Create);  // 测试的我就把路径写死了
            string saveStr = fileName + "," + filePath;
            byte[] data = System.Text.Encoding.Default.GetBytes(saveStr);
            fs.Write(data, 0, data.Length);
            fs.Flush();
            fs.Close();
        }

        // 从record.txt文件获取上传文件的存储路径
        private string GetUploadFileInfo()
        {
            StreamReader sr = new StreamReader(@"D:\...\record.txt", System.Text.Encoding.Default);
            string filePath = sr.ReadLine();
            sr.Close();

            return filePath;
        }
  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值