layui 图片弹窗展示

前端:

layer.open({
         title: '产品图片',
          area: ['550px', '500px'],
          content: '<img  class="layui-upload-img" style="max-width: 100%; max-height: 100%" id="ProdPicture"/>'
 });
//根据id查询图片
 $('#ProdPicture').attr('src', "/EXFactoryBaseData/GetPicInfo?baseId=" + data.Id)

后端:

 #region//二进制流转换成图片
        /// <summary>
        /// 查看图片信息
        /// </summary>
        /// <returns></returns>
        [HttpGet]
        public FileResult GetPicInfo(string baseId)
        {

            byte[] stuImg = BLL.GetPicInfo(baseId);
            return File(stuImg, @"image/jpg");
        }
   #endregion

其中前端

style="max-width: 100%; max-height: 100%"  用来控制图片显示大小自适应
posted @ 2022-07-05 14:38  lilySliy  阅读(348)  评论(0)    收藏  举报