Java前端传到后台的图片文件处理

@[TOC]java图片上传

前端的图片上传后台储存,返回一个映射路径:

首先,用到的jar包有
commons-beanutils-1.8.3.jar
commons-fileupload-1.2.2.jar
commons-io-2.2.jar
下载链接:https://download.csdn.net/download/qq_41411384/11990854
在前端要有标签:

<input id="file_upload" type="file"/>  <!-- 设置input的为文件上传 -->
<img src="" alt="" id="showImg"></img>   <!-- 用于图片的回显 -->

方法一:自定义的方法

前端代码:

$("#file_upload").change(function(){
   
			//this.files[0]: 获取元素对象
			//通过传入元素对象,创建url路径
			var url = window.URL.createObjectURL(this.files[0]);
			$("#showImg").attr("src",url);
			$("#showImg").css("width","50px");
			$("#showImg").css("height","40px");
		})

后端代码


/*用实例存储前端传过来的数据*/
		//1.实例化DiskFileItemFactory对象
		DiskFileItemFactory factory = new DiskFileItemFactory()
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,前端需要将图片以FormData的形式传递给后台Java。然后在Java中使用Servlet接收FormData,解析出图片文件,并将其保存到指定位置。 以下是一个简单的实现代码: ```java import java.io.File; import java.io.IOException; import java.io.InputStream; import java.nio.file.Files; import java.nio.file.Paths; import java.util.UUID; import javax.servlet.ServletException; import javax.servlet.annotation.MultipartConfig; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.Part; @WebServlet("/upload") @MultipartConfig public class ImageUploadServlet extends HttpServlet { private static final String UPLOAD_DIR = "uploads"; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 获取上传文件的目录 String appPath = request.getServletContext().getRealPath(""); String uploadPath = appPath + File.separator + UPLOAD_DIR; // 如果目录不存在,则创建该目录 File uploadDir = new File(uploadPath); if (!uploadDir.exists()) { uploadDir.mkdir(); } // 从请求中获取上传文件 Part filePart = request.getPart("file"); String fileName = UUID.randomUUID().toString() + "-" + Paths.get(filePart.getSubmittedFileName()).getFileName().toString(); // 将上传文件保存到指定目录 InputStream fileContent = filePart.getInputStream(); Files.copy(fileContent, Paths.get(uploadPath + File.separator + fileName)); response.getWriter().println("文件上传成功!"); } } ``` 在前端页面,需要使用HTML的form表单,将图片以FormData的形式提交给后台Java: ```html <form action="upload" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" value="上传"> </form> ``` 以上代码中,`enctype="multipart/form-data"`表示表单数据是以二进制形式上传的。在Java中,使用`@MultipartConfig`注解开启文件上传功能,使用`request.getPart("file")`获取上传的文件。最后,使用`Files.copy`方法将文件保存到指定目录中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值