网页前后端图片共享（Global Setting）

小咪咪 2022-06-18 00:55 136阅读 0赞

一个网站系统的前后台肯定不能在一个项目里，但是前台用户上传的图片怎样跨项目在后台显示呢。

这里我们需要一个全局设置工具Global Setting.这是在网页后端的java环境部署的，配合使用的是jsp + servlet技术。

注： 这里是在后台，共享的是前台的图片库。可能需要导入IO的jar包。

1. 在项目中新建一个文件夹Util, 新建一个class: GlobalSetting.java。代码如下：

import java.io.IOException;
    import java.io.InputStream;
    import java.util.Properties;
    
    public class GlobalSetting {
    	/**
    	 * 图片URL的root
    	 */
    	private static String imageRootUrl;
    
    	static{
    		Properties properties = new Properties();
    		InputStream is = null;
    		try {
    			
    			is = GlobalSetting.class.getClassLoader().getResourceAsStream("/WE/Util/globalSettings.properties"); //WE是我Util所在的包名
    			
    			properties.load(is);
    			
    			imageRootUrl = (String)properties.get("ImageUrl");
    			
    		} 
    		catch (Exception e) {
    			// TODO Auto-generated catch block
    			System.out.println("properties error:" + e.getMessage());
    		}
    		finally{
    			if(null != is){
    				try {
    					is.close();
    				} catch (IOException e) {
    					// TODO Auto-generated catch block
    					e.printStackTrace();
    				}
    			}
    		}
    	}
    	
    	/**
    	 * 获取图片的根路径
    	 * @return
    	 */
    	public static String getImageRootUrl(){
    		return imageRootUrl;
    	}
    }

2. 导入globalSettings.properties文件。设置一些必要信息。

![Center][]

ImageUrl: 你要共享的图片文件夹所在项目服务器中的路径

Server: 本机地址

Port: 数据库端口

UserName和Password是你连接数据库的用户名和密码（这里用的是MySQL）

3. 应用。你哪里需要使用来自那个共享库中的地址，就在那个jsp页面中

（1）

导入<%@page import="WE.Util.GlobalSetting"%>

（2）

<img src="<%=GlobalSetting.getImageRootUrl() %><%=talk.getPictures() %>" > //图片库路径后面跟着的是图片名字

这样前台后台都共享了一个在前台项目中images文件夹下的图片库。后台不仅能查看图片，还能进行相应的操作。如果报错可以打开F12看看后台页面中图片的信息中的图片路径是否有误。