asp.net-mvc-2 - 使用 Jquery 表单插件上传图像在 IE8 中不起作用

Question

我在我的 MVC 项目中使用 jQuery 表单插件来上传图像。

图像上传在 Chrome 和 Firefox 中完美运行，但在 IE 8 中却表现出色。

与 Chrome 不同的是，在 IE 8 中，它返回一个 txt 文件并询问您是否要下载，而不是返回稍后由提交后回调使用的 json 数据。在txt文件里面，是json数据。

不知道我哪里做错了，有什么想法吗？

提前致谢。

代码放置在一个单独的js文件中:upload.js

(function ($) {
ImageUploader = function (o) {

        var options = {


            success: showResponse,  // post-submit callback 

            url:    "/Image/ImageUpload",         // override for form's 'action' attribute 
            type:      "post",        // 'get' or 'post', override for form's 'method' attribute 
            dataType: 'json',        // 'xml', 'script', or 'json' (expected server response type) 
            clearForm: true        // clear all form fields after successful submit 

        };

        o.ajaxForm(options);

        $("input#file").change(function () {
            o.submit();
        });

// post-submit callback 
        function showResponse(responseText, statusText, xhr, $form) {
        ....
    }
 };
})(jQuery);

页面 View :

$(document).ready(function () {
ImageUploader($("#ajaxUploadForm"));
});

Answer 1

经过一番痛苦的互联网挖掘后，我终于找到了解决方案，非常乐意分享:

jQuery 表单插件完全没有问题。

问题是有缺陷的 IE 8 无法很好地处理 Json 回调。即使您将类型指定为“application/json”

解决方案:将内容类型从“application/json”更改为“text/plain”在 MVC JsonResult 中

 return Json(newImage, "text/plain", JsonRequestBehavior.AllowGet);