首页 > 代码库 > 解决IE系列浏览器上传页面接收问题
解决IE系列浏览器上传页面接收问题
引用:在网上看见一个说程序员的致命缺点中: 第四点就是大部分的程序员是一种信息囤积型的程序员,说直接一点就是狭隘,主要体现就是在知识的共享上面,非常害怕将知识全部告诉了别人,自己的存在价值就会大打折扣,这些主要是老员工居多,他们经常会隐藏代码,不愿意公布代码。小心翼翼地避免访问记录,也许这类的程序员很乐意告诉你他的工作是多么了不起,多么的厉害,但是如果你想要知道他的代码估计会很难。最终,他们注定要失败,这样的做事行为不被别人接受,存在也是没价值的.
在加上在网上 搜索资料的感受现将最近解决的一个IE方面的问题分享给大家.
技术分享:IE中上传文件时经常出现后台上传成功,但返回到前台的数据要么接收不到,要么提示下载json文件,在IE7及以上版本浏览器测试通过
在苦苦查询资料无果后终于在昨天突发灵感想到一种解决方法,试了一下在IE系列浏览器上面都可以使用操作也非常的简单,现将代码和实现方法记录下来分享给大家.
在java后台中在存储完文件后返回到前端的信息使用HttpServletResponse response直接写在流里面,这样返回的数据就不会经过spring等前端框架处理,方法本身使用void即可不需要返回类型,因为经过处理后的返回类型导致在ie中不能正常接收到数据,而在前端ajax中也可以正常接收到数据,只不过接收到时json字符串,需要手动转换后就可以变成一个json数组.
java代码: public void writeJson(HttpServletResponse response,String msg) throws IOException {
ResultInfo info=new ResultInfo(true,msg);
JSONObject json=JSONObject.fromObject(info);
response.setContentType("text/html;charset=utf-8");//可以不用写
response.getOutputStream().write(json.toString().getBytes());
}
js代码:$.ajaxFileUpload({
url:url,
secureuri:false,
fileElementId:‘file‘, //文件选择框的id属性或者name名称
dataType: ‘JSON‘, //服务器返回的格式,可以是json
success: function (data, status) {
data=http://www.mamicode.com/$.parseJSON(data);
$("#servId").val(data.msg);
return true;
},
error:function(data, status, e){
return false;
}
});
在java代码中使用了一个对象将数据封装后转换为json进行写出,主要是因为在ajax中接收返回的数据有固定的格式,{"error_code":0,"msg":"5992","success":true}其中succes是在ajax系列接收中判定是否能够进入到success的关键,很多时候IE接收的数据如果没有这个属性就会进入到error中,所以在java代码中才会专门建一个对象用来封装数据.在其它非IE内核不会出现这种情况.如果需要返回一个已经存在的对象只要对象中没有error这个属性就能进入到success里面,所以在不一定非要按照我的代码写,java代码中对象主要是返回单个数据例如文件上传位置,id之类的.如果需要返回其它数据最好的选择是组成json字符串进行返回.
在js代码中由于接收到数据是一个字符串,需要将其转换成json对象后才可以正常使用.
解决IE系列浏览器上传页面接收问题