.net mvc + layui做图片上传（二）—— 使用流上传和下载图片

<link href="~/content/layui/css/layui.css" rel="stylesheet" />
<script src="~/scripts/jquery-3.3.1.min.js"></script>
<script src="~/content/layui/layui.js"></script>
<script src="~/content/layui/layui.all.js"></script>

<div class="layui-upload" style="margin-top:100px;">
    <button type="button" class="layui-btn" id="test1">上传图片</button>   
    <div class="layui-upload-list">
        <img class="layui-upload-img" id="demo1" style="width:100px;height:auto;">
        <p id="demotext"></p>
    </div>
</div>

<script type="text/javascript">
layui.use('upload', function(){
  var $ = layui.jquery, upload = layui.upload;
  //普通图片上传
  var uploadinst = upload.render({
       elem: '#test1',
       url: '@url.action("upload", "uploadimage")'
        ,before: function(obj){
          //预读本地文件示例，不支持ie8
          obj.preview(function(index, file, result){
            $('#demo1').attr('src', result); //图片链接（base64）
          });
        }
        ,done: function(res){
            //如果上传失败
            alert(json.stringify(res));
          //  return layer.msg("上传成功");
          //上传成功
        }
        ,error: function(){
          //演示失败状态，并实现重传
          var demotext = $('#demotext');
          demotext.html('<span style="color: #ff5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
          demotext.find('.demo-reload').on('click', function(){
            uploadinst.upload();
          });
        }
  });
        });
</script>

  //
    // 摘要:
    //     指定操作系统打开文件的方式。
    [comvisible(true)]
    public enum filemode
    {
        //
        // 摘要:
        //     指定操作系统应创建一个新的文件。 这要求 system.security.permissions.fileiopermissionaccess.write
        //     权限。 如果该文件已存在， system.io.ioexception 则会引发异常。
        createnew = 1,
        //
        // 摘要:
        //     指定操作系统应创建一个新的文件。 如果该文件已存在，则会覆盖它。 这要求 system.security.permissions.fileiopermissionaccess.write
        //     权限。 filemode.create 等效于请求，如果该文件不存在，则使用 system.io.filemode.createnew; 否则为使用 system.io.filemode.truncate。
        //     如果该文件已存在但为隐藏的文件， system.unauthorizedaccessexception 则会引发异常。
        create = 2,
        //
        // 摘要:
        //     指定操作系统应打开现有文件。 若要打开该文件的能力是依赖于指定的值 system.io.fileaccess 枚举。 一个 system.io.filenotfoundexception
        //     如果文件不存在将引发异常。
        open = 3,
        //
        // 摘要:
        //     指定操作系统应打开一个文件，是否它存在，则否则，应创建一个新的文件。 如果使用打开该文件 fileaccess.read, ，system.security.permissions.fileiopermissionaccess.read
        //     权限是必需的。 如果文件访问是 fileaccess.write, ，system.security.permissions.fileiopermissionaccess.write
        //     权限是必需的。 如果使用打开该文件 fileaccess.readwrite, ，这两个 system.security.permissions.fileiopermissionaccess.read
        //     和 system.security.permissions.fileiopermissionaccess.write 权限是必需的。
        openorcreate = 4,
        //
        // 摘要:
        //     指定操作系统应打开现有文件。 当打开文件时，应被截断，以便其大小为零字节。 这要求 system.security.permissions.fileiopermissionaccess.write
        //     权限。 尝试从文件中读取使用打开 filemode.truncate 导致 system.argumentexception 异常。
        truncate = 5,
        //
        // 摘要:
        //     如果它存在，并且查找到该文件的末尾，或者创建一个新文件，请打开该文件。 这要求 system.security.permissions.fileiopermissionaccess.append
        //     权限。 filemode.append 可以仅在结合使用 fileaccess.write。 尝试查找该文件将引发结束之前将其置于 system.io.ioexception
        //     异常，并且任何尝试读取失败，将引发 system.notsupportedexception 异常。
        append = 6
    }

   // 摘要:
    //     对于读、 写或读/写访问的文件中定义的常数。
    [comvisible(true)]
    [flags]
    public enum fileaccess
    {
        //
        // 摘要:
        //     对文件的读取访问权限。 可以从文件读取数据。 将与结合起来 write 为读/写访问。
        read = 1,
        //
        // 摘要:
        //     对文件的写入访问权限。 数据可以写入该文件。 将与结合起来 read 为读/写访问。
        write = 2,
        //
        // 摘要:
        //     读取和写入到文件的访问。 可以写入和从文件中读取数据。
        readwrite = 3
    }

        public string upload()
        {
            ///获取上传的文件
            var file = request.files[0];
            //获取上传文件的文件名
            string filename = file.filename;
            //上传路径
            string filepath = path.combine(@"d:\asp.net\c#code\c#基础补习\upload",filename);
            //定义缓存数组
            byte[] buffer;
            //将文件数据塞到流里
            var inputstream = file.inputstream;
            ///获取读取数据的长度
            int readlength = convert.toint32(inputstream.length);
            ///给缓存数组指定大小
            buffer = new byte[readlength];
            //设置指针的位置为 最开始 的位置
            inputstream.seek(0,seekorigin.begin);
            //从位置 0 开始读取上传的文件的数据，数据读取到第一个参数buffer(缓存区)中
            inputstream.read(buffer,0,readlength);
            //创建输出文件流,指定文件的输出位置,模式为创建该新文件,读写权限为 写
            using (var outputstream = new filestream(filepath,filemode.create,fileaccess.write))
            {
                //设置指针的位置为 最开始 的位置
                outputstream.seek(0,seekorigin.begin);
                //从起始位置 将 第一个参数 buffer（缓存区）里的数据写入到 filepath 指定的文件中
                outputstream.write(buffer,0,buffer.length);
            }
　　　　　　　　//向前台返回上传文件的文件名，表示上传成功
            return jsonconvert.serializeobject(new {  name = filename });
        }

        /// <summary>
        /// 文件上传
        /// </summary>
        /// <returns></returns>
        public string uploadfile()
        {
            var file = request.files[0];
            int buffersize = 4096; 
            var name = string.empty;
        //    var uploadtime = datetime.now;
            ///文件上传的最底层目录路径 格式为 \文件id\文件名
            var fileid = guid.newguid();
            name = file.filename;
         //   var uploadpath = path.combine(fileid.tostring(), name);
            ///文件上传后的位置
            var outputpath = path.combine(@"d:\asp.net\c#code\c#基础补习\upload", name);
            ///将接收到的文件转化为流
            var inputstream = file.inputstream;
            ///流数据读取到数组中的偏移量
            long offset = 0;
            ///获取或设置光标在当前流中的位置
            inputstream.position = offset;
            ///存储流中数据的数组
        //    byte[] buffer = new byte[buffersize];
            ///读取流中的数据,读到数组中
            while (offset < inputstream.length)
            {
                ///存储流中数据的数组,该数组大小根据流中未读取数据量大小调整，若未读取数据量大于规定的数组最大大小，则数组大小设为该数组的最大容量
                byte[] buffer = new byte[math.min(buffersize,inputstream.length - offset)];
                int nread = inputstream.read(buffer,0,buffer.length);
                if (nread <0 )
                {
                    ///若读取完毕，则跳出循环
                    break;
                }
                try
                {
                    ///将读取到数组中的数据写入新的文件中，再保存到指定的位置
                    using (var outputstream = new filestream(outputpath, filemode.openorcreate, fileaccess.readwrite))
                    {
                        outputstream.seek(offset, seekorigin.begin);//将流中的光标移到第一次读取的数据之后
                        outputstream.write(buffer, 0, buffer.length);
                        outputstream.flush();

                        offset = outputstream.length;
                    }
                }
                catch (exception exception)
                {

                    throw exception;
                }

            }
            return jsonconvert.serializeobject(new { id = fileid,name = name});                       
        }

<div>
    <a href="@url.action("downloadfile","uploadimage")">下载图片</a> 
    <img src="@url.action("downloadfile","uploadimage")" alt="alternate text" style="width:100px;height:auto;"/>
</div>

       /// <summary>
        /// 文件下载  ,该案例仅为一个文件下载的demo,其文件名和路径等信息，此处直接给出固定值，实际应用中可根据需求灵活给定文件名和路径
        /// </summary>
        /// <returns>返回文件</returns>
        public actionresult downloadfile()
        {
            string filename = "角楼.jpg";
            byte[] buffer;
            string contenttype = "application/octec-stream";
            ///memorystream()内存流
            using (var outputstream = new memorystream())
            {
                try
                {

                    long offset = 0;
                    string inputfilepath = path.combine(@"d:\asp.net\c#code\c#基础补习\upload", filename);
                    using (var inputstream = new filestream(inputfilepath, filemode.open, fileaccess.read))
                    {
                        long readlength = inputstream.length;
                        buffer = new byte[readlength];
                        inputstream.seek(offset,seekorigin.begin);
                        inputstream.read(buffer,0,convert.toint32(readlength));
                    }
                }
                catch (exception exception)
                {

                    throw exception;
                }
                outputstream.write(buffer,0,buffer.length);
                return file(outputstream.getbuffer(),contenttype,filename);
               
            }
        }