前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >通过id查询出图片

通过id查询出图片

作者头像
wfaceboss
发布2019-04-08 11:19:31
发布2019-04-08 11:19:31
2.1K00
代码可运行
举报
文章被收录于专栏:wfacebosswfaceboss
运行总次数:0
代码可运行

第一步,model中需要如下的做法

代码语言:javascript
代码运行次数:0
复制
  [UIHint("Picture")]  //加上之后会默认显示上传图片的模式
 public int PictrueId { get; set; }

public string PictureThumbnailUrl { get; set; }//路径

第二步,控制器中

代码语言:javascript
代码运行次数:0
复制
                             aaModel m=new aaModel ();
                    //picture
                    var defaultProductPicture = _pictureService.GetPictureById(x.PictrueId);
                    m.PictureThumbnailUrl = _pictureService.GetPictureUrl(defaultProductPicture, 75, true);

  附加一些理解使用的代码(可省略):

代码语言:javascript
代码运行次数:0
复制
 [HttpPost]
        public virtual ActionResult List(GZUCarouselPicModel model, DataSourceRequest command, string key)
        {

            var info = _carouselPicService.GetAllGZUCarouselPics().Where(x => x.Area.Contains(key)).ToList();
            var Pageinfo = new PagedList<GZUCarouselPic>(info, command.Page - 1, command.PageSize);

            //load Pageinfo  

            var gridModel = new DataSourceResult
            {
                Data = Pageinfo.Select(x =>
                {
                    var m = x.ToModel();
                    m.IsPublish = x.IsPublish;
                    m.IsPublishStr = x.IsPublish ? "是" : "否";

                    //picture
                    var defaultProductPicture = _pictureService.GetPictureById(x.PictrueId);
                    m.PictureThumbnailUrl = _pictureService.GetPictureUrl(defaultProductPicture, 75, true);
                    return m;
                }),
                Total = Pageinfo.TotalCount
            };

            return Json(gridModel);
        }

 第三步,页面中

代码语言:javascript
代码运行次数:0
复制
<div class="form-group">
                    <div class="col-md-3">
                        @Html.NopLabelFor(model => model.PictrueId)
                    </div>
                    <div class="col-md-6">
                        @Html.NopEditorFor(model => model.PictrueId)
                        @Html.ValidationMessageFor(model => model.PictrueId)
                    </div>
                </div>

 第四步,Lsit中

代码语言:javascript
代码运行次数:0
复制
                                       {
                                            field: "PictureThumbnailUrl",
                                            title: "@T("Admin.GZUCarouselPic.PictrueId")",
                                            template: '<img src="#=PictureThumbnailUrl#" />',
                                            width: 200,
                                            attributes: { style: "text-align:center" }

                                        }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-05-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档