tnblog
首页
登录

ajaxSubmit异步上传图片(嘘,外面都是假的)

74人阅读 2019/6/20 20:16 评论:0 手机 收藏 关注
分类: .net后台框架

引用代码

<script src="/Scripts/jquery.form.js"></script>

js就在旁边img链接中,只不过大小为0x0,把jpg改为js即可使用


示例代码

前台:

$("#formscimg").ajaxSubmit({
                    url: "/CAUM/UploadImage",
                    type: "Post",
                    success: function (data) {
                        if (data.msg.indexOf("成功") >= 0) {
                            $("#addimgs").attr("src", data.src);
                            $("#addimgsaa").val(data.src);
                        }
                    }
                });

后台:

public ActionResult UploadImage()
{
    var item = Request.Files[0];
    //UploadFiles/UploadImge

    string[] ssname = item.FileName.Split('.');
    string path = "/UploadFiles/UploadImgs/" + Guid.NewGuid().ToString() + "-" + item.FileName;
    if (ssname.Length > 1)
    {
        string sstname = ssname.Last();
        if (sstname == "jpg" || sstname == "png" || sstname == "gif" || sstname == "bmp" || sstname == "jpeg")
        {
            item.SaveAs(Server.MapPath(path));
            return Json(new
            {
                src = path,
                name = Path.GetFileNameWithoutExtension(item.FileName),   // 获取文件名不含后缀名
                msg = "上传成功"
            });
        }
        else
        {
            return Json(new
            {
                src = "",
                name = "",   // 获取文件名不含后缀名
                msg = "上传后缀有误!"
            });
        }
    }
    return Json(new
    {
        src = "",
        name = "",   // 获取文件名不含后缀名
        msg = "上传出错"
    });
}


评价
!咖喱棒!
文章
6
评论
8
分类
16
关注
16
{{item.ArticleTitle}}
{{item.BlogName}} : {{item.Content}}