kbmmw 与extjs 通过JSON Base64 显示图片
delphi 官网上开始也来越多的介绍delphi与extjs 结合的例子,今天我就把官方的例子翻版一下。
官方使用C++builder 和webbroker 实现。
我使用kbmmw 来实现一下。
老规矩,先要实现服务器端,这个服务器端也很简单,就是把一个图片文件转换成base64,然后封装成json 输出到浏览器上。
直接代码:
function Twebsrv.getimg: string; varmybase64:TBase64Encoding;myfs:Tfilestream;myss:Tstringstream;beginmybase64:=TBase64Encoding.Create(0);myfs:=Tfilestream.Create('D:\picture\1.jpg',fmOpenRead );myss:=Tstringstream.Create;trymybase64.Encode(myfs,myss );result:='[{"img":"data:image/jpeg;base64,'+myss.DataString+'"}]'; finallymybase64.Free;myfs.Free;myss.Free;end; end;
再处理一下对应的http get 操作
function Twebsrv.Performget(ClientIdent:TkbmMWClientIdentity; const AURL:string; const Args:array of Variant):Variant; varmystringstream:Tstringstream;MimeType,s,scallback:string;Charset,tablename:string;qv:TkbmMWHTTPQueryValues;dataurl,mysql,swhere:string;I: Integer; beginqv:=TkbmMWHTTPQueryValues.Create;dataurl:=args[0];qv.AsString:=Args[2];if length(Args)<1 thenkbmMWRaiseException(KBMMW_ERR_SERVICE_HTTP_URLMISSING,'Missing URL.');tryif args[0]='/version' thenbeginresult:='kbmmw 5.03';exit;end;if args[0]='/getimg' thenbegins:=getimg;scallback:=qv.ValueByName['callback'];if scallback<>'' thenresult:=scallback+'('+s+')'elseResult:=s;exit;end;......result:=inherited Performget(ClientIdent,aurl,Args) ;finallyqv.Free;end; end;
编译运行,在浏览器里面输入http://localhost/getimg.
输出正常,服务器端搞定,下面设计extjs.
加一个datastore.
设置对应的属性。
在view 里面建立对应的控件
并建立按钮的点击事件
Ext.define('MyApp.view.MyFormViewController', {extend: 'Ext.app.ViewController',alias: 'controller.myform',onButtonClick: function(button, e, eOpts) {var me = this;var store = Ext.getStore('MyJsonPStore');store.load({callback: function (records) {var img = me.lookup('xalionimg');img.setSrc(records[0].get('img'));}});}});
ok,发布这个应用。
在浏览器里面输入http://localhost/index.html
点击按钮,就可以显示出来图像了
ok, 搞定了。
剩下的就是学习extjs 的知识了。
kbmmw 与extjs 通过JSON Base64 显示图片相关推荐
- base64 显示图片和pdf
base64 显示图片和pdf,通过base64 编码在页面上显示图片和pdf,实现如下 1.图片 图片 java 代码,将图片转成 base64 字符串 package com.tmp;import ...
- 使用base64显示图片
因为在使用Thymeleaf模板H5生成pdf文件时需要使用图片生成盖章功能,在使用图片链接的时候,模板并没有去请求图片,所以要使用base64的方式去显示. 前端渲染: <img th:src ...
- img标签的src使用base64显示图片
在vs中新建一个web项目,添加一个aspx页面 然后就开始后台编码了 namespace WebApplication1 {public partial class WebForm1 : Syste ...
- mysql base64 图片php_php实现图片以base64显示的方法
本文实例讲述了php实现图片以base64显示的方法.分享给大家供大家参考,具体如下: 这里实现图片以字符串形式保存到网页,从而不需要再加载图片的功能. 这是在RFC2397中定义的Data URI ...
- 网页html无图片代码显示图片,BASE64编码方式(Date Url)
今天有学到一个有趣的东西,就是用代码直接让浏览器显示图片,我不懂浏览器也实在不知道是什么原理实现的.不过这里记录一下这个代码是怎样生成的. <img src="https://img- ...
- C++ Socket连续传输Json Base64 imencode编码的图片
C++ Socket连续传输Json Base64 imencode编码的图片 写在前面 原理 图片编码 图片的几种格式 opencv Mat FILE二进制文件 opencv imencode编码的 ...
- 微信小程序开发——base64位图片显示问题
前言: 目前小程序项目需要后端借口提供验证码图片,后端是以base64位返回的,按照H5的做法,前边拼上 data:image/png;base64, 应该就可以了,关键代码如下: H5: <i ...
- qt读取base64图片数据并在label上显示图片
项目中有获取到服务器那边发来的base64图片数据在客户端进行显示,取到的数据使用 QPixmap::loadFromData(const QByteArray &buf, const cha ...
- Java踩坑笔记 —— base64转换为图片后图片显示不全
Java踩坑笔记 -- base64转换为图片后图片显示不全 前言 解决思路 案例代码 结束语 前言 最近在开发项目中,发现base64转换图片时,出现了图片显示不全,例如如下这样 可以明显看到图片部 ...
最新文章
- linux c 监控文件内容改变,如何让程序监视C ++中的文件修改?
- 如何健壮你的后端服务
- [Hive]-函数篇
- python的映射_Python学习:映射函数(map)和函数式编程工具(filter和reduce)
- 嵌入式Linux系统编程学习之十一Linux进程的创建与控制
- LaTex建立参考文献链接
- java新手笔记6 示例for
- PackageManagerService源码阅读笔记
- 有关于FireBug和FirePath安装和使用-学习笔记
- java下载m3u8视频,解密并合并ts(一)
- img标签中alt属性与title属性
- 高质量论文配图配色,让你的图更加亮眼
- python程序员工资-2018 年程序员工资大揭底!快来看看程序员赚多少钱
- 【NLP】⚠️学不会打我! 半小时学会基本操作 2⚠️ 关键词
- html5图片并列排版,图片并列排版实现
- 乌克兰警方逮捕出售高达10亿被盗记录的黑客,或面临长达8年监禁
- 记录:如何解决Ubuntu20.04无法联网问题【亲测有效】
- 产品公司解决方案、解决方案公司解决方案,可能你做了一辈子IT你也不知道...
- photoshop怎么旋转图片
- 获取json中数组的length
热门文章
- IT人不要一辈子靠技术生存(转)
- jithub使用整理资料
- 7-87 吉老师的回归 (15 分)
- linux 怎么管理文件夹,Linux 是如何管理目录文件?
- foxpro mysql_将Visual Foxpro连接到MySql数据库
- linux设置temview密码,使用64位系统安装Teamviewer,但出现依赖性错误
- 活动目录管理中常用的脚本(一)
- audio隐藏下载按钮
- springboot初始篇(一)
- JAVA 搭建基于SPRINGBOOT的SSM(SPRING + SPRINGMVC + MYBATIS)的MAVEN项目