`

JavaWeb--前端图片展示问题

    博客分类:
  • Java
阅读更多

前台界面图片展示

  一般图片放置在系统中,通过http://ip:port/项目名/ImagePath就可显示该图片,如果该图片放置在服务器的其他存储路径下,这样的话Windows下直接使用file:///C:/image.jpg就可以了,但在Linux下,不行,最好写一个获取图片请求处理方法,

前台通过Img的src发送请求

var imgUrl="<c:url value='/manager/getImage.do?imagePath=tmp&imageName="+data.fileNamePath+"'/>";

$('#newForm').find("img").attr("src",imgUrl); 

 

请求代码如下:

	@RequestMapping(value = "/sceneManager/getImage.do")
	public ModelAndView getImage( @RequestParam(value ="imagePath")String imagePath,
			@RequestParam(value ="imageName")String imageName,
			HttpServletResponse response) {
		FileInputStream fis = null;
		response.setContentType("image/gif");
		try {
			OutputStream out = response.getOutputStream();
			String uploadDir = PropertyUtils.getProperty(SystemConstant.NAS_ROOT);
			String Path = PropertyUtils.getProperty(SystemConstant.SCENE_LOCAL_FILE_TMP_DIR);
			String documentPath = "";
			if(!StringUtils.equals("tmp", imagePath)){
				Path = PropertyUtils.getProperty(SystemConstant.SCENE_LOCAL_FILE_DIR);
				documentPath = uploadDir + Path;
			}
			 
			File file = new File(documentPath+FileUtils.fileSeparator+imageName);
			fis = new FileInputStream(file);
			byte[] b = new byte[fis.available()];
			fis.read(b);
			out.write(b);
			out.flush();
		} catch (Exception e) {
		     e.printStackTrace();
		} finally {
		    if (fis != null) {
		        try {
		           fis.close();
		        } catch (IOException e) {
				    e.printStackTrace();
				}   
		    }
		}
		return null;
	} 

 就可以了

 

分享到:
评论

相关推荐

    02-javaweb-13-WEB项目实战-前台系统3.doc

    10. **性能优化**:前端性能优化包括图片压缩、延迟加载、CDN内容分发网络、代码分割和异步加载等策略,以提升网页加载速度和用户体验。 综上所述,"02-javaweb-13-WEB项目实战-前台系统3"涵盖了许多前端开发的关键...

    Javaweb源码-前端JSP部分-网上图书超市

    总结来说,这个"网上图书超市"项目展示了JavaWeb开发中的关键技术和实践,包括JSP作为视图层技术,CSS和JS用于前端交互与样式设计,以及数据库管理和用户认证。开发者通过学习和实践此类项目,可以深入理解Web应用...

    JavaWeb-E-mall:JavaWeb的线上商城项目,使用到了Java,HTML,CSS,JavaScript等技术

    总的来说,JavaWeb-E-mall项目是一个综合性的JavaWeb应用实例,它整合了前端和后端技术,展示了如何构建一个完整的电子商务平台。开发者可以通过学习和实践这个项目,深入了解JavaWeb开发的各种技术和最佳实践。

    JAVAWEB校园订餐系统项目源码-前端JSP-WebRoot.zip

    《JAVAWEB校园订餐系统项目源码分析——基于前端JSP的WebRoot实现》 在当前数字化时代,校园订餐系统已经成为高校生活的重要组成部分,有效地提高了餐饮服务的效率和质量。本项目名为“JAVAWEB校园订餐系统”,采用...

    javaweb入门实现图片上传,图片加载,图片显示,图片按照任意高宽比例显示

    图片加载涉及到从服务器获取图片数据并展示在网页上。服务器端可以通过Servlet或Controller响应HTTP GET请求,读取已保存的图片文件并将其作为HTTP响应的二进制流返回。客户端(浏览器)接收到数据后,自动解析为...

    javaweb-blog:javaweb个人博客初学,使用jsp + servlet + mysql

    本项目“javaweb-blog”就是这样一个实例,它结合了前端的JavaScript技术和后端的Java技术,以及数据库管理。 **JSP(JavaServer Pages)** 是一种动态网页技术,它允许开发人员将Java代码嵌入到HTML或XML文档中,...

    Javaweb课程设计-商品管理

    【JavaWeb课程设计-商品管理】是一个典型的Web应用程序开发项目,主要目的是让学生或开发者实践JavaWeb技术在实际业务场景中的应用。在这个项目中,我们将会深入探讨以下几个关键知识点: 1. **JavaWeb基础**:首先...

    javaweb期末大作业-留言板

    JavaWeb期末大作业——留言板系统是一个典型的Web应用项目,它主要展示了如何利用Java技术栈来开发一个用户交互式的在线留言板。这个系统包含了源代码、相关文档以及配套的数据库,为学习者提供了一个完整且可运行的...

    明日科技的javaweb典型模块宝典--打印模块

    总的来说,"明日科技的javaweb典型模块宝典--打印模块"涵盖了从前端页面设计到后端数据处理,再到与第三方库和系统的整合等一系列技术点。开发者通过学习和实践这个模块,不仅可以提升报表打印的专业技能,还能加深...

    javaweb模块大全---自助建站模块

    自助建站模块就是这样一个工具,它包含了前端展示、用户交互、后台管理等多个方面的组件,覆盖了网站构建的全过程。 1. **前端展示模块**:这部分通常包含HTML、CSS和JavaScript代码,用于创建网站的布局、样式和...

    javaWeb传-网上书城项目源码-前台功能模块.zip

    3. 商品详情:展示单本书籍的详细信息,可能包含图片轮播、评论展示等功能,通过AJAX获取后端数据并实时更新页面。 4. 购物车:使用session存储用户的购物车信息,通过JavaScript实现添加、删除、修改商品数量,以及...

    javaWeb传-网上书城项目源码-WebRoot.zip

    这个网上书城项目不仅涵盖了基本的JSP知识,还涉及到CSS(Cascading Style Sheets)和JS(JavaScript)等前端技术,以及与JavaWeb相关的其他概念。 首先,JSP的核心在于其生命周期,包括翻译、编译、加载和实例化等...

    内科大javaweb课设

    总的来说,“内科大javaweb课设”是一个全面的Java Web学习项目,涵盖了数据库设计、MVC架构、前端展示和后端服务等多个关键领域,对于提升学生的综合开发能力非常有帮助。通过实际操作,学生不仅能深入理解Java Web...

    javaweb上传图片

    保存完图片后,我们需要把图片的服务器路径返回给前端,以便前端在需要的时候展示图片。这可以通过Servlet响应对象`HttpServletResponse`实现,将路径以JSON或其他格式返回。 5. **安全与优化**: - 图片大小限制...

    JavaWeb经典项目-图书管理系统 源码下载

    通过学习和实践这个项目,开发者不仅可以掌握JavaWeb开发的基础技能,还能了解到如何将这些技术应用于实际问题,提升自己的工程能力。同时,此项目也适合教学和自我提升,因为它的功能全面,涵盖了JavaWeb开发的多个...

    javaweb实现下载文件

    - 使用`Content-Disposition`设置为"attachment"表示文件应被下载而不是直接展示在浏览器中,`filename`属性指定了下载后的文件名。 - `URLEncoder.encode`函数用于对文件名进行URL编码,以防止中文或特殊字符导致...

    基于微信小程序的驾校预约管理系统的设计与实现-主要是前端页面的设计

    有关一些驾校的热门消息将通过轮播图,图片等方式在主页面展示,方便用户了解其内容。 2、预约练车 用户可以通过预约练车页面进行用户的预约,进行预约考试,考试信息包括考试时间地点和申请与预约计划,通过用户...

    javaWeb登录界面Jquery请求+图片轮播

    在本项目中,我们主要探讨的是如何在JavaWeb应用中实现一个包含登录功能的前端界面,并结合Jquery进行Ajax请求,以及实现图片轮播效果。同时,后端使用Java进行用户验证,前端则通过div标签动态生成HTML内容,提供...

    javaweb实际项目开发中上传文件图片的实现(代码)

    在JavaWeb实际项目开发中,上传文件和图片是一项常见的需求,尤其在构建用户交互丰富的网站时,例如用户头像上传、商品图片展示等。这里我们将深入探讨如何在JavaWeb环境中实现文件图片的上传功能,主要涉及到的技术...

    JavaWeb使用文字识别上传图片内容

    在JavaWeb开发中,我们经常会遇到需要处理用户...总的来说,JavaWeb使用文字识别上传图片内容是结合了前端交互、后端处理、文件操作和OCR技术的一个综合性功能。理解和掌握这些知识点对于开发复杂的Web应用至关重要。

Global site tag (gtag.js) - Google Analytics