MVC下载Excel文件:js接受乱码 简单处理办法

原创 2015年01月18日 18:25:06

    在做考试系统的时候,需要向题库里面批量导入试题。所以在导题之前需要下载一个Excel模版。

MVC中下载模版,需要创建一个Excel模版,然后发到前台。即点击之后,弹出一个下载框,提示下载(保存位置)。

 

现象:在MVC中,点击下载模版按钮,不提示下载。

原因:js接受 FileResult类型乱码

 

   如果是单纯的生成一个特定的Excel的文件,然后发到前台,即没有参数的下载。如果是这样的话直接让Controller创建,返回一个FileResult文件,前台就直接弹窗提示了。

 

   但是下载导入模版,肯定是要根据具体的题型来下载对应的模版。即带参数的下载文件。

 

 

第一思路:带参数的查询,肯定要把前台 "题型"数据传递到后台,然后后台去查找对应的文件。

   js提交数据到Controller,然后生成模版,在发送到前台。

 

但是使用这种方法,前台在点击下载模版的时候,始终弹窗(不提示下载)……

 

   如果用js事件来提交数据的话,那么接受服务器发过来文件的就成了js里面的success事件处理。这样就带来了一个问题,js接受FileContentResult类型的数据全是乱码。

   然后,就开始了js为什么接收到是乱码。查了很多js FileResult类型之间的联系。直到看到开源中国社区的一个帖子。

一年前的问题,至今没有人回答……

我想,或许我已经走偏了。用js来向后台传递数据,肯定得找到js乱码的的原因。虽然看起来思路非常简单,但是这不知道如何解决乱码问题真的花不起时间了,

 

 

第二思路:直接略过JsView直接提交数据到后台

改用GET传值,从服务器上拿指定的文件。

即在选择题型的时候给  "下载模版" 的按钮 添加上参数。如图

 

   这样做的好处,就是View直接去调用Controller,Controller创建文件 之后,就可以把数据 直接返回到前台页面(提示下载)

   使用GET传值,唯一不好的就是。容易把 代码设计中的 变量以及 值 暴露出来。降低安全性。当然这些在前台显示的时候  可以利用加密解密来进行处理。

   这样就可以直接从服务器上拿 文件了。

   虽然换了一种方法,可以实现目的。但是感觉不用js与直接与Controller进行控制,有些不方便。用js来控制文件流,有很多值得优化的地方。

             在完成功能的基础上,还要继续进行优化。

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

asp.net mvc + javascript生成下载文件

近期做的是对现有项目进行重构。WEB FROM改成MVC,其实也算是推倒重来了。里面有一个导出功能,将数据输出成txt文件,供下载。原先的做法是有一个隐藏的iframe,在这个iframe的页面中设置...

js 导出excel,设置下载的标题

在网上找到了js导出为excel的方法,可就是找不到如何修改导出的excel标题的方式,找到了如下的网站: 参考国外的网站:http://stackoverflow.com/questions/171...

纯js读取excel文件内容,支持所有刘浏览器

js如何将读取excel文件内容 前言       马上毕业了,正在做毕业设计,老师提出一个问题如何能够批量录入成绩,百度了一大堆关于js读取excel内容的,但是都说只有IE支持,这怎么...

AJAX实现Excel文件下载

AJAX文件下载 JQuery的ajax函数的返回类型只有xml、text、json、html等类型,没有“流”类型,所以我们要实现ajax下载,不能够使用相应的ajax函数进行文件下载。但可以用j...

下载excel文件名字乱码问题处理

package com.dreamwin.cclib.naga.view; import java.io.File; import java.io.FileInputStream; import j...

Content-Disposition 文件上传、下载 中文乱码 HTTP头 解决办法 Java Jersey

1、文件上传通过表单上传文件时,如果文件名存在中文则会发生乱码。 <input t

struts的文件下载用法及中文名乱码解决办法

struts2既提供了方便的文件上传机制,也提供了方便的文件下载机制。 1.(1)查阅SteamResult类           需要在strut.xml中配置    &...

文件下载 response.setHeader()下载中文文件名乱码问题 解决办法

response.setHeader()下载中文文件名乱码问题[转] 首先展示我的解决问题的代码: response.setHeader("Content-Disposition", "attac...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)