JSP实现图片上传和参数传递

JSP实现图片上传和参数传递

这里借助smart upload进行上传

导入Jar包

在这里插入图片描述

直接放到WEB-INF下的lib即可

未生效就Add to Build Path一下

在这里插入图片描述

上传页面

add.html

为了上传图片,需要给form表单设置post方式提交以及二进制编码

<form  method="post" enctype="multipart/form-data">
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>添加</title>
		
	</head>
	<body>
		
		<div class="main-form">
			<form action="add_controller.jsp" method="post" enctype="multipart/form-data">
					<h3 class="title">添加数据</h3>
					<div class="item">
						
							<label >书名:</label>
							<input type="text" name="bookname"/>
						
					</div>
						
						<div class="item">
						<label >图片:</label>
						
					    	<input class="pic-upload" type="file"    name="uploadFile" />

						</div>
					<div class="item">
						<label >简介:</label>
						<input type="text" name="introduce"/>
					</div>
					
					<div class="btns">
						
						<input type="submit"  class="sure"  value="确认"></input>
						<input type="button"  class="cancel" onclick="cancel()" value="取消"></input>
					</div>
					
				</form>
		</div>

	</body>
</html>

处理上传页面

  • 接收参数要用mySmartUpload.getRequest().getParameter,不能用request.getParameter,且要在mySmartUpload完成initialize后
  • 最好在项目的WebContent下建一个res文件夹,以防路径错误
  • mySmartUpload.save(uploadPath);执行完这句时自动完成图片上传
  • System.out.print(“已将图片保存,”+“网络地址为:”+URL+"\n真实地址为:"+uploadPath);一句在控制台输出了保存的地址,可以再浏览器中直接使用网络地址,具体如下:
  • 在这里插入图片描述

add_controller.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

	<%
	String uploadPath = request.getSession().getServletContext().getRealPath("/res");
	com.jspsmart.upload.SmartUpload mySmartUpload = new com.jspsmart.upload.SmartUpload();
	mySmartUpload.initialize(pageContext);
	mySmartUpload.service(request, response);
	mySmartUpload.upload();
	String fn = mySmartUpload.getFiles().getFile(0).getFileName();
	mySmartUpload.save(uploadPath);
	
	//第一个为项目名,第二个为上传文件的名字
	String URL = String.format("http://localhost:8080%s/res/%s", pageContext.getServletContext().getContextPath(),fn);
	System.out.print("已将图片保存,"+"网络地址为:"+URL+"\n真实地址为:"+uploadPath);

	String str = mySmartUpload.getRequest().getParameter("bookname");
	out.print(str);

		
	%>
</body>
</html>

smart upload的jar包
链接:https://pan.baidu.com/s/1zo7lhPDsTKDo9SdTOCsqFw
提取码:9vx8

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,我可以回答您的问题。 JSP和Servlet是Java Web开发中的两个重要组成部分。JSPJava 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: 使用JSP和Servlet来实现图片上传和展示的步骤如下: 1. 首先,创建一个包含上传表单的JSP页面。该页面应该包含一个文件输入框和一个提交按钮。用户可以选择要上传的图片文件,并点击提交按钮将其发送到服务器。 2. 创建一个Servlet来处理文件上传请求。在该Servlet中,我们可以使用Apache Commons FileUpload库来解析上传的文件,并将其保存到服务器上的指定位置。首先,我们需要检查请求中是否包含文件上传数据,然后通过FileUpload解析这些数据。最后,使用IO流将上传的文件保存到服务器上的指定位置。 3. 接下来,我们可以创建一个显示图片的JSP页面。该页面应该包含一个用于展示图片的img标签和一个用于选择要展示的图片的下拉框。我们可以使用Java代码读取服务器上的图片文件,并将其作为img标签的src属性值。 4. 再次创建一个Servlet来处理显示图片请求。在该Servlet中,我们需要读取请求参数中选择的图片文件的名称,并将其转化为服务器上的文件路径。然后,我们可以使用IO流将该图片文件的内容写入到响应中,以便将其显示在浏览器中。 5. 最后,我们需要配置web.xml文件来映射Servlet和JSP页面的URL。确保我们可以通过访问相应的URL来上传和展示图片。 通过以上步骤,我们可以使用JSP和Servlet来实现图片上传和展示的功能。用户可以通过上传表单选择并上传图片文件,然后可以在展示页面中查看已上传的图片。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值