在某些版本浏览器下ajaxFileUpload上传文件会提示下载,

1:为什么?

可以观察到,即便返回 JsonResult 在返回的头中也没有任何消息体,直接理解为文本了。

2:解决方案

前端:

function uploadImg(fimgi) {
    if ($("#fimg" + fimgi).val().length > 0) {
        //alert($("#fimg" + fimgi).val().length);

}
    else {
        alert("请选择图片");
        return;
    }
    $.ajaxFileUpload({
        type: 'post',
        url: "/product/UploadProductImage?fimgi=" + fimgi,
        secureuri: false,
        fileElementId: 'fimg' + fimgi,
        dataType: "json",
        success: function (data) {
            alert("上传成功!");
            //alert(data.O);
            $("#Img" + fimgi).val(data.O);
        },
        error: function (XMLHttpRequest, textStatus, e) {
            alert(textStatus);
            alert(e);
        }
    });
}

后台改为范围ContentResult,且,ContentType = "text/html"。

public ContentResult UploadProductImage(int fimgi)
{
    HttpPostedFileBase head = this.Request.Files["fimg"+fimgi];

if (head == null)
    {
        return new ContentResult
        {
            Content = new JavaScriptSerializer { MaxJsonLength = int.MaxValue }.Serialize(new R() { F = 1, M = "对不起,无上传内容!" }),
            ContentType = "text/html"
        };
    }

var supportedTypes = new[] { "jpg", "jpeg", "png", "gif", "bmp" };
    var fileExt = System.IO.Path.GetExtension(head.FileName).Substring(1);
    if (!supportedTypes.Contains(fileExt))
    {
        return new ContentResult
        {
            Content = new JavaScriptSerializer { MaxJsonLength = int.MaxValue }.Serialize(new R() { F = 1, M = "对不起,只能上传 jpg, jpeg, png, gif, bmp!" }),
            ContentType = "text/html"
        };
    }

if (head.ContentLength > 1024 * 1024)
    {
        return new ContentResult
        {
            Content = new JavaScriptSerializer { MaxJsonLength = int.MaxValue }.Serialize(new R() { F = 1, M = "对不起,大小超出限制1M!" }),
            ContentType = "text/html"
        };
    }

var r = new Random();
    var filename = Guid.NewGuid().ToString("N") + "." + fileExt;
    string path = this.Server.MapPath("~/upload/product");

if (!Directory.Exists(path))
    {
        Directory.CreateDirectory(path);
    }

var filepath = Path.Combine(path, filename);
    head.SaveAs(filepath);
    string webPath = "/upload/product/" + filename;

return new ContentResult
    {
        Content = new JavaScriptSerializer { MaxJsonLength = int.MaxValue }.Serialize(new R()
        {
            F = 0,
            M = "上传成功,保存为:" + webPath + "!",
            O = webPath
        }),
        ContentType = "text/html"
    };
}

ajaxFileUpload上传文件后提示下载的问题的更多相关文章

  1. IE下AjaxForm上传文件直接提示下载的兼容性Bug

    使用AjaxForm上传文件时候,在IE下直接提示下载保存: 我的示例代码: return this.Json( new { prop1 = 5, prop2 = 10 }); 这种问题只出现在IE下 ...

  2. 在使用 AjaxFileUpload 上传文件时,在项目发布到 iis 后,图片不能预览

    在使用 AjaxFileUpload  上传文件时,图片已经上传成功了,在站点没有发布时,可以预览,可是在项目发布到 iis 后,图片就不能预览,在网上找了很多的方案也没解决,最后的解决方案如下: 1 ...

  3. ASP.NET页面上传文件时提示文件大小超过请求解决方法

    在webconfig中节点 <system.web> </system.web> 下加入以下代码:maxRequestLength为限制上传文件大小,executionTime ...

  4. ifrem上传文件后显示

    ifrem上传文件后显示 1.上传文件按钮    <a class="btn btn-primary pull-right" id="data-upload&quo ...

  5. IE中使用ajaxSubmit上传文件弹出下载提示框

    使用jQuery的ajaxSubmit 上传文件时,在IE中会弹出下载提示框: 解决方法:让action返回String类型,而不是ActionView,

  6. springmvc+ajaxFileUpload上传文件(前后台彻底分离的情况下)

    首先是导入jar包: web.xml: <servlet> <servlet-name>mvc-dispatcher</servlet-name> <serv ...

  7. ajaxFileUpload上传文件没反应

    调用jquery的ajaxFileUpload异步上传文件,IE浏览器不进入success问题 原因:json转换异常,ie浏览器处理后的返回json没有<pre>标签,直接是完整的jso ...

  8. ajaxFileUpload上传文件简单示例

    写在前面: 上传文件的方式有很多,最近在做项目的时候,一开始也试用了利用jquery的插件ajaxFileUpload来上传大文件,下面,用一个上传文件的简单例子,记录下,学习的过程~~~ 还是老样子 ...

  9. webuploader 上传文件 生成链接下载文件

    最近 在asp.net MVC 项目 需要实现一个Excel和 图片上传功能.之前有使用过SWFUpload 做过上传图片功能,在本次实现过程中,有人推荐WebUploader 上传组件,因此采用we ...

随机推荐

  1. ecshop的弊病和需要修改的地方,持续更新

    ecshop的session机制是基于cookie的,用数据库进行缓存,当浏览器关闭cookie,sessions表会爆表,所以需要改进. 在cls_template.php中 $_echash值是固 ...

  2. python 排序

    python 写的排序,实现起来还是比较简单 #快速排序 def qsort(L): if len(L)>1: return qsort([i for i in L[1:] if i<L[ ...

  3. input输入子系统

    一.什么是input输入子系统? 1.Linux系统支持的输入设备繁多,例如键盘.鼠标.触摸屏.手柄或者是一些输入设备像体感输入等等,Linux系统是如何管理如此之多的不同类型.不同原理.不同的输入信 ...

  4. webstorm下搭建编译less环境

    webstorm自带less,不过要编译的话需要nodejs环境. 首先去node的主页下载对应版本的nodejs然后安装,下载地址:http://nodejs.org/ 安装完之后打开命令提示符(w ...

  5. laravel 数据库迁移

    问题:之前有创建迁移文件 并且执行过 如果删除迁移文件 再重新创建迁移文件时就有问题 提示找不到之前的迁移文件 /** 一开始执行的命令 php artisan make:migration crea ...

  6. iOS 如何给Xcode7项目添加“.pch”文件

    1.首先打开你的项目(演示使用一个空的项目),按照以下步骤即可 找到“Supporting Files”文件夹,右键即可看到下图,选择“New File...” 2.选择"iOS" ...

  7. 对csv文件的操作

    统计行数 wc -l /home/hadoop/workspace/ChemicalFactory/input/device101.csv 输出前两行数据 head -n 2 /home/hadoop ...

  8. strace 监控所有php-fpm worker

    strace命令详解  http://linux.die.net/man/1/strace strace -tt -T $(pidof 'php-fpm: pool www' | sed 's/\([ ...

  9. MyBatis框架——mybatis插入数据返回主键(mysql、oracle)

    向数据库中插入数据时,大多数情况都会使用自增列或者UUID做为主键.主键的值都是插入之前无法知道的,但很多情况下我们在插入数据后需要使用刚刚插入数据的主键,比如向两张关联表A.B中插入数据(A的主键是 ...

  10. [转]框架模式 MVC 在Android中的使用

    算来学习Android开发已有2年的历史了,在这2年的学习当中,基本掌握了Android的基础知识.越到后面的学习越感觉困难,一来是自认为android没啥可学的了(自认为的,其实还有很多知识科学), ...