在路上

 找回密码
 立即注册
在路上 站点首页 学习 查看内容

浏览器异步加载服务器端的图片

2017-2-7 13:40| 发布者: zhangjf| 查看: 456| 评论: 0

摘要: 需求:浏览器中的img标签动态更换来自服务器端的图片。 1.java后台service访问服务器端本地资源,生成二进制数据,转成base64编码。BASE64Encoder encoder = new sun.misc.BASE64Encoder(); File file = new File(f ...

需求:浏览器中的img标签动态更换来自服务器端的图片。

1.java后台service访问服务器端本地资源,生成二进制数据,转成base64编码。

  1. BASE64Encoder encoder = new sun.misc.BASE64Encoder();
  2. File file = new File(fileurl);
  3. FileInputStream fips = new FileInputStream(file);
  4. ByteArrayOutputStream bops = new ByteArrayOutputStream();
  5. int data = -1;
  6. try {
  7. while((data = inStream.read()) != -1){
  8. bops.write(data);
  9. }
  10. } catch(Exception e){
  11. return null;
  12. }
  13. byte[] btImg = bops.toByteArray();
  14. return encoder.encodeBuffer(btImg).trim();
复制代码

2.前台js接收上面来自服务器后台的base64编码,设置为img标签的src。

  1. //可以使用ajax接收来自服务器端的base64编码
  2. $("img").attr("src", "data:image/jpeg;base64," + 来自服务器的base64编码);
复制代码



来自: http://my.oschina.net/chenhao901007/blog/368586

最新评论

小黑屋|在路上 ( 蜀ICP备15035742号-1 

;

GMT+8, 2025-7-9 04:51

Copyright 2015-2025 djqfx

返回顶部