• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

在Asp.NetMVC中实现上传图片并显示

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

实现思路大概分为两步:

1. 通过上传接口,将图片上传到服务器,返回文件路径给客户端;

2. 点击保存上传,将文件路径保存到数据库,如果是多张图片,路径用逗号分隔。

 

核心上传代码:

        /// <summary>
        /// 图片上传
        /// </summary>
        /// <returns></returns>
        [HttpPost]
        [Route("PostFile")]
        public HttpResponseMessage PostFile()
        {
            //TODO:Save file...
            if (!Request.Content.IsMimeMultipartContent("form-data"))
                throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);
            HttpResponseMessage response = null;

            HttpContext context = HttpContext.Current;
            try
            {
                HttpPostedFile file = HttpContext.Current.Request.Files["form-data"];

                if (!string.IsNullOrEmpty(context.Request["type"]))
                {
                    string type = context.Request["type"].ToString();
                    if (type == "image")
                    {
                        if (!string.IsNullOrEmpty(context.Request["size"]))
                        {
                            string sizes = context.Request["size"].ToString();

                            response = Request.CreateResponse(HttpStatusCode.Accepted, SaveBySize(file, sizes.Split(',')));
                        }
                        else
                        {
                            context.Response.Write("{ret:-1,msg:\"参数错误\"}");
                        }
                    }
                    else
                    {
                        response = Request.CreateResponse(HttpStatusCode.Accepted, Save(file));
                    }
                }
                else
                {
                    response = Request.CreateResponse(HttpStatusCode.Accepted, Save(file));
                }

            }
            catch (HttpResponseException ex)
            {
                //throw new HttpResponseException(HttpStatusCode.BadRequest);
                response = Request.CreateErrorResponse(HttpStatusCode.ExpectationFailed, ex.ToString());
            }
            return response;
        }

 

实现效果

点击选择图片

点击确定上传

图片预览

 

有需要的朋友可以扫描下方二维码加入QQ群,我会把源码分享在QQ群里

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
asp.net微信jsapi支付发布时间:2022-07-10
下一篇:
asp.net程序性能优化的七个方面(转)发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap