jsp+servlet实现上传图片

图片的上传是一个网站非常重要的功能,之前一直用框架做图片上传,却忽略了最基本的servlet方式上传图片,今天好好研究了一番,做个记录。



首先需要明白的一点是:我们在工作空间新建一个web项目,图片上传究竟要上传到哪里去哪?这里我们要明白一点,图片是被上传到服务器上的,也就是tomcat服务器(假设您用的是tomcat)上的,比如:您的项目名是demo,您指定上传的图片路径如下:

String basePath = request.getRealPath("/images");
File file = new File(basePath, fileName);
这个路径被指定后,图片可不是被上传到workspace/demo/images下,而是apache tomcat/webapps/demo/images下,所以当您重新部署项目会造成原来上传的图片消失的情况。
下面我来说一说如何通过servlet上传图片。

项目结构如图所示:



步骤一:下载comons-fileupload.jar和commons-io.jar

步骤二:编写jsp页面


步骤三:编写servlet:

public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		 FileItemFactory factory = new DiskFileItemFactory();
		 
         // 创建文件上传处理器
         ServletFileUpload upload = new ServletFileUpload(factory);
 
         // 开始解析请求信息
         List items = null;
         try {
             items = upload.parseRequest(request);
         }
         catch (FileUploadException e) {
             e.printStackTrace();
         }
 
         // 对所有请求信息进行判断
         Iterator iter = items.iterator();
         while (iter.hasNext()) {
             FileItem item = (FileItem) iter.next();
             // 信息为普通的格式
             if (item.isFormField()) {
                 String fieldName = item.getFieldName();
                 String value = item.getString();
                 request.setAttribute(fieldName, value);
             }
             // 信息为文件格式
             else {
                 String fileName = item.getName();
                 System.out.println(fileName);
                 int index = fileName.lastIndexOf("\\");
                 fileName = fileName.substring(index + 1);
                 request.setAttribute("realFileName", fileName);
 
                 String basePath = request.getRealPath("/images");
                 File file = new File(basePath, fileName);
                 try {
                     item.write(file);
                 }
                 catch (Exception e) {
                     e.printStackTrace();
                 }
             }
             request.setAttribute("msg","文件上传成功!");
             getServletContext().getRequestDispatcher("/index.jsp").forward(request, response);
         }
	}
结果显示:



看一下tomcat中:

上传成功。

提示:最好对图片名称做时间戳的处理,避免图片重名。上传之后,将图片的路径写入数据库保存。


### 回答1: 好的,我可以回答您的问题。 JSPServlet是Java Web开发中的两个重要组成部分。JSP(Java Server Pages)是一种在服务器端生成动态Web页面的技术,而Servlet是一种运行在服务器端的Java程序,用于处理HTTP请求和响应。 要实现图像上传和显示,您可以按照以下步骤操作: 1. 在JSP页面中,创建一个HTML表单,使用户可以选择要上传的图像文件。在表单中,您可以使用<input type="file">元素来让用户选择文件。 2. 在表单中,添加一个提交按钮,将表单数据发送到服务器。 3. 创建一个Servlet,用于处理表单数据。在Servlet中,您可以使用Apache Commons FileUpload库来处理文件上传。 4. 在Servlet中,将上传的图像文件保存到服务器上的某个位置,例如Web应用程序的根目录下的“images”文件夹中。 5. 将上传的图像文件的路径存储在一个Java对象中,并将该对象作为请求属性传递回JSP页面。 6. 在JSP页面中,使用<img>元素显示上传的图像。您可以使用<img>元素的src属性指定图像文件的路径,该路径应该是从Web应用程序的根目录开始的相对路径。 下面是一个简单的示例,演示如何在JSP页面中实现图像上传和显示: 在JSP页面中: ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图像上传和显示</title> </head> <body> <h1>图像上传和显示</h1> <form action="uploadServlet" method="post" enctype="multipart/form-data"> <label for="file">选择一个图像文件:</label> <input type="file" name="file" id="file"> <br> <input type="submit" value="上传"> </form> <% String imagePath = (String) request.getAttribute("imagePath"); %> <% if (imagePath != null) { %> <h2>上传的图像:</h2> <img src="<%= request.getContextPath() %>/<%= imagePath %>"> <% } %> </body> </html> ``` 在Servlet中: ``` import org.apache.commons.fileupload.FileItem; import org.apache.commons.fileupload.FileUploadException; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; import java.io.File; import java.io.IOException; import java.util.List; @WebServlet(name = "UploadServlet", urlPatterns = {"/uploadServlet"}) @MultipartConfig public class UploadServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { boolean isMultipart = ServletFileUpload.isMultipartContent(request); if (isMultipart) { DiskFileItemFactory factory = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(factory); try { List<FileItem> items = upload.parseRequest(request); for (FileItem item : items) { if (!item.isFormField()) { String ### 回答2: 采用jsp servlet实现图片上传和展示可以通过以下步骤实现: 1. 在jsp页面中创建一个表单,包含一个文件选择框和一个提交按钮。用户可以通过文件选择框选择需要上传的图片。 2. 在servlet中处理上传的图片。首先,通过HttpServletRequest对象获取上传的文件。然后,可以通过文件的输入流将其保存在服务器的指定位置。可以使用FileOutputStream类创建一个输出流,再使用InputStream类的getInputStream()方法获取输入流,并将其写入输出流中保存。 3. 在servlet中处理上传成功后的图片展示。可以通过设置返回的响应头为图片的MIME类型,将图片的二进制数据读取并写入响应的输出流中,然后将其返回给浏览器以展示图片。 4. 在jsp页面中,可以使用img标签的src属性将servlet返回的图片url设置为要展示的图片路径,并在页面中展示图片。 需要注意的是,为了防止恶意上传和安全问题,可以进行文件类型的验证,只允许上传图片类型的文件。还可以给上传的文件进行重命名,以避免重复文件名的问题。同时,需要在服务器中配置合适的路径,用于保存上传的图片文件。 以上是基本的实现步骤,具体细节可以根据实际需求进行扩展和优化。 ### 回答3: 使用JSPServlet实现图片上传和展示的步骤如下: 1. 首先,创建一个包含上传表单的JSP页面。该页面应该包含一个文件输入框和一个提交按钮。用户可以选择要上传的图片文件,并点击提交按钮将其发送到服务器。 2. 创建一个Servlet来处理文件上传请求。在该Servlet中,我们可以使用Apache Commons FileUpload库来解析上传的文件,并将其保存到服务器上的指定位置。首先,我们需要检查请求中是否包含文件上传数据,然后通过FileUpload解析这些数据。最后,使用IO流将上传的文件保存到服务器上的指定位置。 3. 接下来,我们可以创建一个显示图片的JSP页面。该页面应该包含一个用于展示图片的img标签和一个用于选择要展示的图片的下拉框。我们可以使用Java代码读取服务器上的图片文件,并将其作为img标签的src属性值。 4. 再次创建一个Servlet来处理显示图片请求。在该Servlet中,我们需要读取请求参数中选择的图片文件的名称,并将其转化为服务器上的文件路径。然后,我们可以使用IO流将该图片文件的内容写入到响应中,以便将其显示在浏览器中。 5. 最后,我们需要配置web.xml文件来映射ServletJSP页面的URL。确保我们可以通过访问相应的URL来上传和展示图片。 通过以上步骤,我们可以使用JSPServlet实现图片上传和展示的功能。用户可以通过上传表单选择并上传图片文件,然后可以在展示页面中查看已上传的图片。
评论 26
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值