ajax 获取 mysql 保存的图片显示

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
云数据库 RDS MySQL,高可用系列 2核4GB
简介: function ajax_GetFirstData(data) { var len = data.Data.length; if (len > 0) { $("#jquery_jplayer_1").
function ajax_GetFirstData(data) {
    var len = data.Data.length;
    if (len > 0) {
        $("#jquery_jplayer_1").jPlayer("play", 0);
        window.clearInterval(interval);
        $("#hidd_id").val(data.Data[0].Id);
        $("#txt_sfzh").val(data.Data[0].IdCard);
        $("#txt_name").val(data.Data[0].Name);
        $("#txt_sex").val(data.Data[0].Sex);
        $("#txt_sfztx").attr("src", "../webservice/DetectService.ashx?action=GetPicture&type=IdCardImg&id=" + data.Data[0].Id);
        $("#ps1").attr("src", "../webservice/DetectService.ashx?action=GetPicture&type=Camera1&id=" + data.Data[0].Id);
        $("#ps2").attr("src", "../webservice/DetectService.ashx?action=GetPicture&type=Camera2&id=" + data.Data[0].Id);
        $("#ps3").attr("src", "../webservice/DetectService.ashx?action=GetPicture&type=Camera3&id=" + data.Data[0].Id);
        $('#dlg-detect').dialog('open');
    } 
}

  

 /// <summary>
        /// 获取图片
        /// </summary>
        /// <param name="httpContext"></param>
        public void GetPicture(HttpContext httpContext)
        {
            var detectDal = new DetectDal();
            var id = httpContext.Request.Params["id"];
            var type = httpContext.Request.Params["type"];
            try
            {
                var data = detectDal.GetPictureData(id, type);
                switch (type)
                {
                    case "IdCardImg":
                        if (data[0].IdCardImg!=null)
                        {
                            httpContext.Response.BinaryWrite(data[0].IdCardImg);
                        }
                       
                        break;
                    case "Camera1":
                        if (data[0].Camera1!=null)
                        {
                            httpContext.Response.BinaryWrite(data[0].Camera1);
                        }
                        
                        break;
                    case "Camera2":
                        if (data[0].Camera2 != null)
                        {
                            httpContext.Response.BinaryWrite(data[0].Camera2);
                        }
                        break;
                    case "Camera3":
                        if (data[0].Camera3 != null)
                        {
                            httpContext.Response.BinaryWrite(data[0].Camera3);
                        }
                        break;
                    default:break;
                }
            }
            catch (Exception)
            {
                throw;
            }
        }

  

 /// <summary>
        /// 获取图片
        /// </summary>
        /// <param name="id"></param>
        /// <param name="type"></param>
        /// <returns></returns>
        public IList<Detect> GetPictureData(string id, string type)
        {
            var sql = "";
            var paramList = new List<MySqlParameter>();
            switch (type)
            {
                case "IdCardImg":
                    sql = @" SELECT t.IdCardImg
                            FROM checkin.t_detect t
                            where t.id=?id";
                    break;
                case "Camera1":
                    sql = @" SELECT t.Camera1
                            FROM checkin.t_detect t
                            where t.id=?id";
                    break;
                case "Camera2":
                    sql = @" SELECT t.Camera2
                            FROM checkin.t_detect t
                            where t.id=?id";
                    break;
                case "Camera3":
                    sql = @" SELECT t.Camera3
                            FROM checkin.t_detect t
                            where t.id=?id";
                    break;
                default: break;
            }
            paramList.Add(new MySqlParameter("?id", id));
            DataSet ds;
            try
            {
                ds = MySQLOperater.ExecuteQuery(sql,paramList.ToArray());
            }
            catch (MySqlException e)
            {
                _log.Error("sql:" + sql + e.Message);
                throw new businessException("查询数据出错!");
            }
            var data = Helper.ToList<Detect>(ds.Tables[0]);
            return data;
        }

  

相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
目录
相关文章
|
SQL 前端开发 JavaScript
开心档-软件开发入门之PHP - AJAX 与 MySQL
本文主要讲解AJAX 可用来与数据库进行交互式通信。
|
编解码 关系型数据库 MySQL
SpringBoot+Mysql 无法保存emoj表情?
尤记得很久以前,想存 emoj 表情到 mysql 中,需要额外的将 emoj 表情转码之后保存,每次读取时,再解码还原成一下;每次这种 sb 的操作,真心感觉心塞,那么有没有办法直接存呢?
309 0
SpringBoot+Mysql 无法保存emoj表情?
|
移动开发 关系型数据库 MySQL
MySQL 查询结果保存为CSV文件
MySQL 查询结果保存为CSV文件如何解决
247 0
MySQL 查询结果保存为CSV文件
|
存储 关系型数据库 Java
springboot+mybatis+druid+mysql 保存emoji表情
       最近在学习springboot,在练习做一个简单博客系统时遇到了保存emoji表情出错,搜索了半天才搞定。这里记录下来,希望能够帮助到自己或有需要的人不要踩坑。
4006 0
|
MySQL 关系型数据库
MYSQL innodb buffer 状态数据的保存和载入
本文参考官方手册 原创转载请注明出处 版本:MYSQL 5.7 当数据库重启后,buffer中的数据需要重新预热,所谓预热就是等待常用数据通过用户调用SQL语句从磁盘载入到内存, 这个过程ORACLE中叫做物理读取,对于较大的平台这个预热过程往往需要较大的代价,典型的就是第一次运行一个select 语句很慢,过后再次执行就很快了。
1042 0
|
Java 关系型数据库 MySQL
mysql 微信用户昵称emoji 完整保存
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/55658065 微信用户昵称现在丰富多样,一些个性的名称中经常包含有特殊字符,以及emoji表情。
1989 0