asp.net上传图片,上传图片

想必很多人工作中经常需要实现上传图片的功能。

先引用此插件 http://files.cnblogs.com/files/hmYao/jquery-form.js。

前台代码

<form data-ajax-success="AfterUpload" enctype="multipart/form-data" id="frm">
        <input type="file" name="fileBase" value=" " id="imgUpload" class="jiangli_1_w" />
        <input type="submit" id="btnSub" value="上传图片" /> <span class="flat_loe">上传图片宽度最大尺寸720px,高度无限制</span>
 </form>
复制代码
 //上传图片
           $("#btnSub").click(function () {
                $("#frm").ajaxSubmit({
                    url: "/Slide/UploadImage",
                    type: "Post",
                    success: AfterUpload
                });
                return false;
            });

     function AfterUpload(msg) {
            if (msg != "0") {
                $("#imgPath").removeAttr("src").attr("src", msg);
            } else {
                swal({
                    title: "温馨提示",
                    text: "图片格式有误"
                });
                $("#imgPath").val("");
                return false;
            }
        }
复制代码

对应的后台代码如下:

复制代码
      /// <summary>
        /// 上传图片
        /// </summary>
        /// <param name="fileBase"></param>
        /// <returns></returns>
        [HttpPost]
        public ActionResult UploadImage(HttpPostedFileBase fileBase)
        {
            string imgurl = string.Empty;
            string imgPath = System.IO.Path.GetFileName(fileBase.FileName);
            int index = imgPath.LastIndexOf('.');
            string suffix = imgPath.Substring(index).ToLower();
            if (suffix == ".jpg" || suffix == ".jpeg" || suffix == ".png" || suffix == ".gif" || suffix == ".bmp")
            {
                string pictureName = DateTime.Now.Ticks.ToString() + suffix; //图片名称
                string savePath = Server.MapPath("/Files/Images/SlideConfig/");//幻灯片文件夹
                if (!Directory.Exists(savePath))
                {
                    Directory.CreateDirectory(savePath);
                }
                imgurl = "http://" + Request.Url.Authority + "//Files/Images/SlideConfig/" + pictureName;
                fileBase.SaveAs(savePath + pictureName);
            }
            else
            {
                imgurl = "0";
            }
            return Content(imgurl);
        }
复制代码

有一点很重要,很多人都拿不到上传的路径值。注意参数的名称 需要和 file标签的name相同。

到此结束...

转载于:https://www.cnblogs.com/yyy116008/p/6698459.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值