转自:http://zhao103804.iteye.com/blog/1884343
首先,图片和工程不在一个盘符下。图片也不能放到工程下。
在JSP 文件中 <img src="C:/Users/fx/Pictures/test.jpg"/> 这样是引不到图片的。因为,JSP页面在引图片的时候是 在页面解析的路径是:<img src="http://localhost:8080/test/images/1.jpg">。也就是说JSP在引图片的时候是先去你的工程目录下找的。
所以如果要在JSP中引入其他盘符的图片,有两种方法可以解决:
一种是使用虚拟路径来配置:
在tomcat下的conf/server.xml中增加一个代码 在<Host></Host>中间
如下:
<!--增加的--path="/虚拟名" docBase="虚拟路径" ->
<Context path="/upload" docBase="D:\louyuimage\upload\" reloadable="true" >
</Context>
</Host>
配置好以后,在JSP文件中为:
<img alt="" src="/upload/kuaidaowanlilai0605.jpg">
图片就显示出来了。
二种:
将文件用流读取出来显示:
<img alt="" src="/acc/readImage?imagePath=c:/test.gif">
Action代码如下:
//图片的处理
@RequestMapping(value = "/acc/readImage", produces = MediaTypes.TEXT_PLAIN_UTF_8)
public void readImage(HttpServletRequest request, HttpServletResponse response){
String imagePath = request.getParameter("imagePath");//图片绝对路径
try{
File file = new File(imagePath);
if (file.exists()) {
DataOutputStream temps = new DataOutputStream(response
.getOutputStream());
DataInputStream in = new DataInputStream(
new FileInputStream(imagePath));
byte[] b = new byte[2048];
while ((in.read(b)) != -1) {
temps.write(b);
temps.flush();
}
in.close();
temps.close();
}
} catch (Exception e) {
e.printStackTrace();
}
}
两种方法都可以实现,还有一种就是在tomcat下面建立图片文件夹,该可以直接显示出来。
相关推荐
在本项目中,Ajax用于用户选择图片后,将图片数据发送到服务器,而无需刷新整个页面,提供更好的用户体验。 二、JSP基础 JSP是Java平台上的动态网页技术,它允许开发者将HTML、CSS、JavaScript等前端代码与Java代码...
5. 保存文件后,控制器返回图片的相对路径,可以作为Ajax请求的响应。 6. 在前端,接收到响应后,更新页面显示图片的路径,或者以其他方式展示上传成功的消息。 通过以上步骤,你可以实现一个高效、友好的Ajax表单...
3. **图片显示**:JSP可以通过HTML `<img>` 标签显示图片,其`src`属性引用存储在服务器上的图片路径。如果图片路径来自数据库,可以通过JSP的EL(Expression Language)或者脚本let来动态设置。 4. **图片缩放**:...
5. **响应处理**:上传成功后,Servlet可以通过JSP重定向或转发到一个新的页面,显示上传结果和可能的图片预览。 **图片下载** 1. **URL设计**:为图片提供一个下载链接,这个链接对应于一个处理图片下载的Servlet...
一旦图片上传并生成缩略图,你需要在Action类中返回一个结果,这个结果应该指向一个JSP页面,展示上传的图片。在JSP页面中,可以使用`<img>`标签显示缩略图,其`src`属性指向缩略图的URL。例如: ```html () %>/...
5. **数据响应**:服务器返回图片信息,可能是JSON格式,包括图片路径、描述等。 6. **DOM操作**:JavaScript将接收到的数据动态插入到页面的适当位置,展示图片。 **JSP(JavaServer Pages)** 是Java平台上的动态...
Ajax(Asynchronous JavaScript and XML)与JSP(JavaServer Pages)结合,可以构建出动态、交互性强的Web应用,如本例中的个人电子相册。Ajax的核心是通过JavaScript在客户端异步地与服务器进行数据交换,无需刷新...
在本项目中,JSP可能用于显示上传表单和处理上传后的结果。 2. Servlet原理:Servlet是Java编程语言中处理HTTP请求的服务器端组件。它们接收来自客户端的请求,处理数据,然后返回响应。在图片上传功能中,Servlet...
服务器端的`jsp`页面接收到请求后,解包文件,将图片保存到服务器的某个位置,并返回一个包含图片URL的响应;最后,`fckeditor`根据响应更新编辑器中的图片链接,使得图片在网页上显示出来。 关于标签“网页编辑”...
在这个项目中,Servlet接收JSP页面提交的图片文件,进行处理后再返回响应。Servlet通过`HttpServletRequest`对象获取上传的文件,`HttpServletResponse`对象用于将处理后的图片发送回客户端。 3. **图像处理**: ...
在本文中,我们将深入探讨如何使用JSP(JavaServer Pages)实现一个简单的图片上传功能,包括将图片上传到本地文件夹以及在网页上显示。首先,我们需要了解JSP的基础知识,它是Java EE(Enterprise Edition)的一...
当用户选择图片后,可以通过FileReader API读取选中的图片文件,然后使用`data URL`显示在页面上的某个元素(如`<img>`标签)中。考虑到兼容性,这里特别提到“支持ie 9”,意味着JavaScript代码需要处理IE9的特定...
5. **响应处理**:后端返回处理结果(如文件路径),前端根据响应结果更新页面显示。 #### 四、关键代码解析 **1. 后端Java代码分析:** ```java public void importLogo(ActionMapping mapping, ActionForm form...
2. **AJAX异步上传**:为了提高用户体验,通常会使用AJAX进行图片的异步上传,这样在上传过程中页面不会刷新。jQuery的`$.ajax`或`$.fileUpload`插件可以简化这一过程。 3. **服务器端处理**:在JSP中,`Part`接口...
7. **前端反馈**:服务器返回的上传结果可以被Ajax请求捕获,然后更新页面上的状态,如显示成功信息、进度条、错误提示等。 8. **CSS和JavaScript**:`css`文件用于定义页面样式,提高用户体验,如上传按钮的外观、...
5. **文件存储**:如果验证成功,图片会被保存在服务器的特定目录下,路径通常会返回给客户端。 6. **返回响应**:服务器返回一个响应,包含图片的URL或其他相关信息,FCKeditor根据这个响应更新编辑器中的图片链接...
6. JSP展示结果:在JSP页面中,使用JavaScript处理Struts2返回的响应,显示上传状态,如成功消息、错误提示等。 以上就是使用jQuery+Uploadify+Struts2+JSP实现图片批量上传的基本原理和步骤。在实际应用中,还需要...
如果在Action中没有返回值,或者返回null,可能会导致页面显示HTTP错误,因为AJAX请求需要一个响应来确认操作成功与否。 3. `return "upload";`:在Struts2 Action中,你需要返回一个特定的结果代码,比如"upload...
7. **前端展示**:上传成功后,可以返回图片的URL,以便在前端显示图片。这通常涉及到服务器的URL配置和静态资源的访问规则。 综上所述,通过使用JSP,我们可以构建一个基本的图片上传系统。然而,为了提高用户体验...
这里我们探讨的是一个基于JSP的文件上传示例,以及如何通过AJAX技术实现实时刷新,从数据库获取并返回JSON数据到前端页面。 首先,文件上传是Web应用中常见的一种用户交互方式,允许用户将本地的文件(例如图片)...