前台获取后台返回的图片并显示

后台：

String base64str=new String(log.getRequest_imgdata());//log为实体 括号里面是图像的get方法 返回为Byte[]型
String new str=new String("\"data:image/jpg;base64,"+base64str+"\"");//拼装Base64字符串头
response.getWriter().write(newstr);//将完整Base64字符串返回前台

前台Js：

var srcUrl = appJP.urlReqImg +"?log_id="+row.log_id;//请求URL$.get(srcUrl,function(data){var imgWindow = $("#imgDetail").html("<img src="+data+">");//接收Base64字符串，并转换为图片显示$("#showImg").window({title:"图片详情",width:"auto"}).window("open").window("center");})

以上已实现从数据库取出BLOB类型Base64图像数据（Java中为byte[]）转换为字符串，并发送至前台显示

但是在测试中发现稍微大一点的图像（几百KB）在部分IE浏览器中不能显示，查询资料发现是IE8以下对Base64解码长度限制的问题

解决方案：更换后台到前台传输图像数据形式为流的形式

后台：　　

String base64str=new String(log.getRequest_imgdata());
BASE64Decoder decoder=new BASE64Decoder();
byte[] imgbyte=decoder.decodeBuffer(base64str);//解码Base64图片数据
response.setContentType("image/jpeg");
ServletOutputStream outputStream = response.getOutputStream();
outputStream.write(imgbyte);
outputStream.flush();

前台js:

var srcUrl = appJP.urlReqImg +"?log_id="+row.log_id;
var imgWindow = $("#imgDetail").html("<img src="+srcUrl+">");
$("#showImg").window({title:"图片详情",width:"auto"}).window("open").window("center");

前台获取后台返回的图片并显示相关推荐

uni-app使用map组件开发map地图，获取后台返回经纬度进行标点
unia-pp实现map组件,获取后台返回经纬度进行标点官方文档使用步骤代码示例官方文档使用步骤使用uniapp是因为它是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可以发 ...
使用jquery.form.js提交表单并获取后台返回值
使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的值提交到后台 1.前台js代码 //使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的 ...
vue 下载后台返回的图片
HTML: //businessLicenceFileList[0].url为后台返回的图片地址或pdf地址 <div class="download-img" @click ...
SpringBoot(3) 获取后台返回字符串对象及json数据
下面讲解springboot-web工程如何跳转到一个页面和获取一个后台返回的字符串,对象,以及json数据... 1.创建一个maven web工程 2.导入依赖 <!-- web支 ...
前台获取后台数据写法%#%..
一.共同之处:都是前台调用后台方法或者变量 <%=Test()%>... 这种方法在使用控件的text属性下需要注意,可以使用在html控件但不能使用在服务器控件如果设置<asp ...
js获取后台返回的数据
通过$.get从后台获取了一段json串{"id":"1","name":"ww"},然后要拿到这里面的id和name值 ...
获取互联网上的图片并显示在界面上
第一种方法:原生新建项目GetPicture.并写好前台界面,就简单的输入图片地址,在下面显示的就可以了,布局如下: <?xml version="1.0" encodin ...
数据库存储图片，且前台从后台拿到图片进行展示
本文提供思路!!! 实现代码还没来得及发博客就被我删除了... 1. 新建photo.Java这个entity,设置一个byte[]属性,用于存储图片的字节数组,存到数据库的,数据库字段使用longb ...
php获取服务器上的图片不显示,php 读取服务器图片
php 读取服务器图片内容精选换一换本文介绍如何将开源框架的网络模型,例如Caffe.TensorFlow等框架训练好的模型,通过OMG(Offline Model Generator:离线模型 ...

前台获取后台返回的图片并显示

前台获取后台返回的图片并显示相关推荐

最新文章

热门文章