第六章 MVC之 FileResult和JS请求二进制文件-阿里云开发者社区

开发者社区> 芝麻软件> 正文

第六章 MVC之 FileResult和JS请求二进制文件

简介: 一、FileResult  1、简介 表示一个用于将二进制文件内容发送到响应的基类。它有三个子类: FileContentResultFilePathResultFileStreamResult 推荐阅读:https://www.
+关注继续查看

一、FileResult 

1、简介

表示一个用于将二进制文件内容发送到响应的基类。它有三个子类:

FileContentResult
FilePathResult
FileStreamResult

推荐阅读:https://www.cnblogs.com/weiweixiang/p/5667355.html

2、FilePathResult

首先、创建一个mvc5项目、然后添加一个FileTest控制器,添加以下方法

  public ActionResult Export()
        {
            // Response.ContentType指定文件类型 可以为application/ms-excel || application/ms-word || application/ms-txt || application/ms-html
            return File(Server.MapPath("/UserData/test.docx"), "application/ms-word", "test.docx");
        }
 
<p> 
    <a href='/filetest/export' download>下载</a> 
</p>

使用非常方便,这样即可实现下载

3、FileContentResult

        public ActionResult Getbg()
        { 
            string bgimg = AppDomain.CurrentDomain.BaseDirectory + "/UserData/bg.jpg";
            Image img = Image.FromFile(bgimg);
            byte[] bytes = ImageToBytes(img);

            return File(bytes, "image/jpeg");
        }
    <img src="/filetest/Getbg" width="300" alt="" />

使用非常方便,这样即可实现图片的显示,在临时描绘图片并展示的场景中非常实用。

4、FileStreamResult

 public ActionResult ExportDoc()
        {
            var path = Server.MapPath("/UserData/test.docx");
            var fileName = HttpUtility.UrlEncode("test.docx", Encoding.GetEncoding("UTF-8"));
            return File(new FileStream(path, FileMode.Open), "application/ms-word", fileName);
        }
    <a href='/filetest/exportdoc' download>使用FileStreamResult下载Doc</a>

 

二、JS请求二进制文件

<p> 
    <button onclick="showBg()">JS显示图片</button>
    <div id="divImg">

    </div>
</p>
<script type="text/javascript">
    //window.location.href = "Export";
    var showBg = function () {
        var xmlhttp = new XMLHttpRequest(); 
        xmlhttp.open("GET", "/filetest/Getbg", true);
        xmlhttp.responseType = "blob";
        xmlhttp.setRequestHeader("client_type", "DESKTOP_WEB");
        xmlhttp.onload = function () {
            if (this.status === 200) {
                var blob = this.response;
                var img = document.createElement("img");
                img.onload = function (e) {
                    window.URL.revokeObjectURL(img.src);
                };
                img.src = window.URL.createObjectURL(blob);
                img.width = 500; 
                $("#divImg").html(img); 
            }
        }; 
        xmlhttp.send(); 
    };
</script>

jquery并不支持流文件,

js重要实现来自于情郎的博文:ajax 请求二进制流 图片 文件 XMLHttpRequest 请求并处理二进制流数据 之最佳实践

 

知识点:

Content-Disposition

http://www.jb51.net/article/30565.htm    

  header中Content-Disposition的作用与使用方法:

  当代码里面使用Content-Disposition来确保浏览器弹出下载对话框的时候。 response.addHeader("Content-Disposition","attachment");一定要确保没有做过关于禁止浏览器缓存的操作。如下:

response.setHeader("Pragma", "No-cache"); 
response.setHeader("Cache-Control", "No-cache"); 
response.setDateHeader("Expires", 0); 

http://blog.csdn.net/iamiwangbo/article/details/52911716

XMLHttpRequest

  使用blob实现文件的下载和上传

 

本文源码下载:https://gitee.com/zmsofts/XinCunShanNianDaiMa/blob/master/ActionResultOfMvc5Study.rar

 

 

参考:

https://msdn.microsoft.com/zh-cn/library/system.web.mvc.fileresult.aspx

http://www.cnblogs.com/bmib/p/3518486.html

http://www.runoob.com/ajax/ajax-intro.html    ajax学习

https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest

http://www.ruanyifeng.com/blog/2012/09/xmlhttprequest_level_2.html  讲解XMLHttpRequest 1 和2 的区别

http://www.cnblogs.com/cdemo/p/5225848.html

https://www.cnblogs.com/weiweixiang/p/5667355.html

C# byte数组与Image的相互转换

https://www.cnblogs.com/xielong/p/5940535.html

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
SAP Spartacus shipping address页面请求2.1 - setDefaultAddress
SAP Spartacus shipping address页面请求2.1 - setDefaultAddress
175 0
远程文件同步详解(Remote File Sync)
1. 远程文件同步的常见方式: 1、cron + rsync 优点: 简单 缺点:定时执行,实时性比较差;另外,rsync同步数据时,需要扫描所有文件后进行比对,进行差量传输。如果文件数量达到了百万甚至千万量级,扫描所有文件将是非常耗时的。
2330 0
C# 使用FileUpload控件上传图片,将文件转换成二进制进行存储与读取
状况描述:   需要上传文件,但是不想要保存到实体路径下,便可以用该功能来实现。   效果图:      点击【Upload】按钮,上传文件到数据库;   点击【Preview】,预览文件;   具体实现:   前台: 1 2 3 4 : 5 ...
1695 0
C#编程-117:文件流FileStream类
C#编程-117:文件流FileStream类
15 0
JSP 用户提交请求
当用户第一次请求一个jsp页面时,首先被执行的方法是构造方法 就是转换为class文件后,他会创建一个Servlet的实例,然后调用Servlet的构造方法,再调用jspInit()方法 ​(1)JSP引擎先把该JSP文件转换成一个Java源文件(Servlet),在转换时如果发现JSP文件有任何语法错误,转换过程将中断,并向服务端和客户端输出出错信息。
624 0
+关注
芝麻软件
编程语言,框架相关专家
579
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载