解决文件上传返回JSON数据,在IE下提示下载文件（ie8，9）

问题描述：

使用<input type=file> 或者jquery.form.js异步上传文件的时候，mvc后台返回json对象的时候ie8会自动弹出下载提示如图

 

而 下载下来json文件，内容就是controller返回的json数据。

^N^ 自己的图扑街了,从别的博客偷一个回来

 

 

 原因：

jQuery-File-Upload.js使用了两种方式上传文件。对于支持XMLHTTPRequest文件上传的浏览器，使用XMLHTTPRequest上传文件，而对于那些不支持XMLHTTPRequest文件上传的浏览器，jQuery-File-Upload转换为iframe来上传文件。

IE8正属于不支持XMLHTTPRequest文件上传浏览器之一。

解决思路：

基于iframe上传文件，对于返回json对象，如果把响应头的content-type设为"application/json",在ie中会弹出下载文件的提示框。解决这个问题的方式是把响应头的content-type的值设为"text/plain"或者"text/html"。

解决方案：

方案1.    后台返回json串，而不是json对象，如 return Json(new { state = 1, msg = "" });改为return Content(" {state:1,msg:''}"); 

            前台ajax接收类型datatype：由json改为text。成功后接收的data转成json对象即可使用: vardata = eval("(" + data1 + ")");

方案2.    后台依然返回json对象， returnJson(new { state = 1, msg = "" },"text/html");              前台不需要改动。