`

JSP 页面中ajax返回图片绝对路径显示图片

阅读更多

转自: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下面建立图片文件夹,该可以直接显示出来。

 

 

分享到:
评论

相关推荐

    jsp Ajax图片上传

    在本项目中,Ajax用于用户选择图片后,将图片数据发送到服务器,而无需刷新整个页面,提供更好的用户体验。 二、JSP基础 JSP是Java平台上的动态网页技术,它允许开发者将HTML、CSS、JavaScript等前端代码与Java代码...

    ajax提交form表单和上传图片

    5. 保存文件后,控制器返回图片的相对路径,可以作为Ajax请求的响应。 6. 在前端,接收到响应后,更新页面显示图片的路径,或者以其他方式展示上传成功的消息。 通过以上步骤,你可以实现一个高效、友好的Ajax表单...

    jsp图片特效处理例子

    3. **图片显示**:JSP可以通过HTML `&lt;img&gt;` 标签显示图片,其`src`属性引用存储在服务器上的图片路径。如果图片路径来自数据库,可以通过JSP的EL(Expression Language)或者脚本let来动态设置。 4. **图片缩放**:...

    java jsp页面处理 的图片上传下载的文件

    5. **响应处理**:上传成功后,Servlet可以通过JSP重定向或转发到一个新的页面,显示上传结果和可能的图片预览。 **图片下载** 1. **URL设计**:为图片提供一个下载链接,这个链接对应于一个处理图片下载的Servlet...

    struts2 上传图片显示

    一旦图片上传并生成缩略图,你需要在Action类中返回一个结果,这个结果应该指向一个JSP页面,展示上传的图片。在JSP页面中,可以使用`&lt;img&gt;`标签显示缩略图,其`src`属性指向缩略图的URL。例如: ```html () %&gt;/...

    基于Ajax与jsp的相册

    5. **数据响应**:服务器返回图片信息,可能是JSON格式,包括图片路径、描述等。 6. **DOM操作**:JavaScript将接收到的数据动态插入到页面的适当位置,展示图片。 **JSP(JavaServer Pages)** 是Java平台上的动态...

    ajax+jsp实现的个人电子相册

    Ajax(Asynchronous JavaScript and XML)与JSP(JavaServer Pages)结合,可以构建出动态、交互性强的Web应用,如本例中的个人电子相册。Ajax的核心是通过JavaScript在客户端异步地与服务器进行数据交换,无需刷新...

    jsp+servlet小项目(实现图片上传功能)

    在本项目中,JSP可能用于显示上传表单和处理上传后的结果。 2. Servlet原理:Servlet是Java编程语言中处理HTTP请求的服务器端组件。它们接收来自客户端的请求,处理数据,然后返回响应。在图片上传功能中,Servlet...

    jsp+fckedit图片上传

    服务器端的`jsp`页面接收到请求后,解包文件,将图片保存到服务器的某个位置,并返回一个包含图片URL的响应;最后,`fckeditor`根据响应更新编辑器中的图片链接,使得图片在网页上显示出来。 关于标签“网页编辑”...

    JSP照片模糊

    在这个项目中,Servlet接收JSP页面提交的图片文件,进行处理后再返回响应。Servlet通过`HttpServletRequest`对象获取上传的文件,`HttpServletResponse`对象用于将处理后的图片发送回客户端。 3. **图像处理**: ...

    jsp 图片上传 简单实例

    在本文中,我们将深入探讨如何使用JSP(JavaServer Pages)实现一个简单的图片上传功能,包括将图片上传到本地文件夹以及在网页上显示。首先,我们需要了解JSP的基础知识,它是Java EE(Enterprise Edition)的一...

    一个jsp中上传图片并预览的效果

    当用户选择图片后,可以通过FileReader API读取选中的图片文件,然后使用`data URL`显示在页面上的某个元素(如`&lt;img&gt;`标签)中。考虑到兼容性,这里特别提到“支持ie 9”,意味着JavaScript代码需要处理IE9的特定...

    Ajax 上传图片 前台后台都有 代码简单易懂 总共加起来不到80行

    5. **响应处理**:后端返回处理结果(如文件路径),前端根据响应结果更新页面显示。 #### 四、关键代码解析 **1. 后端Java代码分析:** ```java public void importLogo(ActionMapping mapping, ActionForm form...

    jsp图片上传可裁剪

    2. **AJAX异步上传**:为了提高用户体验,通常会使用AJAX进行图片的异步上传,这样在上传过程中页面不会刷新。jQuery的`$.ajax`或`$.fileUpload`插件可以简化这一过程。 3. **服务器端处理**:在JSP中,`Part`接口...

    网页文件上传带文件上传信息(JSP+Ajax)

    7. **前端反馈**:服务器返回的上传结果可以被Ajax请求捕获,然后更新页面上的状态,如显示成功信息、进度条、错误提示等。 8. **CSS和JavaScript**:`css`文件用于定义页面样式,提高用户体验,如上传按钮的外观、...

    jsp版fckeditor 工程源代码(可上传图片)

    5. **文件存储**:如果验证成功,图片会被保存在服务器的特定目录下,路径通常会返回给客户端。 6. **返回响应**:服务器返回一个响应,包含图片的URL或其他相关信息,FCKeditor根据这个响应更新编辑器中的图片链接...

    jquery+uploadify + struts2 + jsp 图片批量上传Demo

    6. JSP展示结果:在JSP页面中,使用JavaScript处理Struts2返回的响应,显示上传状态,如成功消息、错误提示等。 以上就是使用jQuery+Uploadify+Struts2+JSP实现图片批量上传的基本原理和步骤。在实际应用中,还需要...

    JQuery_uploadify_struts2_jsp__ajax多文件上传

    如果在Action中没有返回值,或者返回null,可能会导致页面显示HTTP错误,因为AJAX请求需要一个响应来确认操作成功与否。 3. `return "upload";`:在Struts2 Action中,你需要返回一个特定的结果代码,比如"upload...

    图片上传(非常好的用jsp实现的)

    7. **前端展示**:上传成功后,可以返回图片的URL,以便在前端显示图片。这通常涉及到服务器的URL配置和静态资源的访问规则。 综上所述,通过使用JSP,我们可以构建一个基本的图片上传系统。然而,为了提高用户体验...

    文件上传和ajax获取json的小示例

    这里我们探讨的是一个基于JSP的文件上传示例,以及如何通过AJAX技术实现实时刷新,从数据库获取并返回JSON数据到前端页面。 首先,文件上传是Web应用中常见的一种用户交互方式,允许用户将本地的文件(例如图片)...

Global site tag (gtag.js) - Google Analytics