从tomcat外盘符地址引用图片展示在项目中

在项目中,我们上传下载的图片已经静态资源一般保存在webroot下面,但是这就需要考虑一个问题啦,图片一般占有内存比较大,长期日积月累下来,项目会堆积的特别大,所以我们就需要把图片保存在外部盘符,有如下方式

一:修改tomcat配置文件,增加虚拟路径

<!-- SingleSignOn valve, share authentication between web applications
     Documentation at: /docs/config/valve.html -->
<!--
<Valve className="org.apache.catalina.authenticator.SingleSignOn" />
-->

<!-- Access log processes all example.
     Documentation at: /docs/config/valve.html
     Note: The pattern used is equivalent to using pattern="common" -->
<Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
       prefix="localhost_access_log." suffix=".txt"
       pattern="%h %l %u %t &quot;%r&quot; %s %b" />
	 
	   <Context  docBase="C:/KF/Tomcat/apache-tomcat-7.0.67/webapps/tdhy/WEB-INF/static/default/upload/"  path="/tdhy/windos1/" />

在host虚拟主机里面添加Context 指代外部地址所对应的本地路径

docBase:外部盘符地址
path:虚拟路径(项目中地址)

二:外部图片解析成二进制流展示到界面

思路:
先获取图片的二进制流编码成Base64字符串传给前台利用imgbase64进行解析成图片展示

1:后台获取图片的二进制流Base64编码格式

//获取二进制流的base64
				String filePath =SystemParames.getValue("imguploadurl") +"/"+ dw.getDwLogo();
				File f = new File(filePath);          
		        BufferedImage bi;   
		      
		            bi = ImageIO.read(f);   
		            ByteArrayOutputStream baos = new ByteArrayOutputStream();   
		            ImageIO.write(bi, "jpg", baos);   
		            byte[] bytes = baos.toByteArray();   
		            String imageurl =  getImageString(bytes);  
		            mv.addObject("imageurl",imageurl);
			} catch (Exception e) {
				e.printStackTrace();
			}
/**

	     * 二进制流转Base64字符串
	     *
	     * @param data 二进制流
	     * @return data
	     * @throws IOException 异常
	     */
	 public static String getImageString(byte[] data) throws IOException {
		BASE64Encoder encoder = new BASE64Encoder();
	    return data != null ? encoder.encode(data):"";
	}

2:前端解析展示

<div class="photo">
                 	<img src="data:image/png;base64,${imageurl}" alt='img'>
                 </div>

完结…

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值