关于用户头像上传的配置

最新推荐文章于 2024-04-24 07:49:25 发布
最新推荐文章于 2024-04-24 07:49:25 发布
阅读量734 收藏 2
点赞数
文章标签： spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53559899/article/details/124404737
版权

基于SpringMVC的文件上传

1 MultipartFile接口

MultipartFile接口常用的的API见下表：

方法功能描述
String getOriginalFilename()获取上传文件的原始文件名，即该文件在客户端中的文件名
boolean isEmpty()判断上传的文件是否为空，当没有选择文件就直接上传，或者选中的文件是0字节的空文件时，返回true，否则返回false
long getSize()获取上传的文件大小，以字节为单位
String getContentType()根据所上传的文件的扩展名决定该文件的MIME类型，例如上传.jpg格式的图片，将返回image/jpeg
InputStream getInputStream()获取上传文件的输入字节流，通常用于自定义读取所上传的文件的过程，该方法与transferTo()方法不可以同时使用
void transferTo(File dest)保存上传的文件，该方法与getInputStream()方法不可以同时使用

2 MultipartResolver接口

1.MultipartResolver可以将上传过程中产生的数据封装为MultipartFile类型的对象中。

2.在配置MultipartResovler时，可以为其中的几个属性注入值：

  • maxUploadSize：上传文件的最大大小，假设设置值为10M，一次性上传5个文件，则5个文件的大小总和不允许超过10M。
  • maxUploadSizePerFile：每个上传文件的最大大小，假设设置值为10M，一次性上传5个文件，则每个文件的大小都不可以超过10M，但是5个文件的大小总和可以接近50M。
  • defaultEncoding：默认编码。

3 基于SpringMVC的文件上传案例

3.1 创建项目

1.创建Java Enterprise项目，设置Name为springmvc-upload，Group为com.cy，Artifact为controller的Java企业级项目。

2.将项目com.cy.controller包下自动生成的HelloServlet类删除，并删除webapp下自动生成的index.jsp文件。

3.添加文件上传jar包依赖（关于文件上传需要添加spring-webmvc和commons-fileupload依赖）。

<dependencies>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-webmvc</artifactId>
        <version>4.3.6.RELEASE</version>
    </dependency>
    <!-- 文件上传 -->
    <dependency>
        <groupId>commons-fileupload</groupId>
        <artifactId>commons-fileupload</artifactId>
        <version>1.4</version>
    </dependency>
</dependencies>

4.在src\main\resources文件夹下创建spring配置文件，并将文件命名为spring-upload.xml。

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	   xmlns:context="http://www.springframework.org/schema/context"
	   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	   xsi:schemaLocation="http://www.springframework.org/schema/beans
	   http://www.springframework.org/schema/beans/spring-beans-4.3.xsd
	   http://www.springframework.org/schema/context
	   http://www.springframework.org/schema/context/spring-context-4.3.xsd">
	
</beans>
3.2 前端页面设计

在webapp目录下创建upload.html页面，并在页面中添加如下代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件上传</title>
</head>
<body>
    <h3>文件上传</h3>
    <!-- enctype属性：规定表单中数据在提交给服务器之前如何进行编码。默认表单数据的编码是"application/x-www-form-urlencoded"。
         application/x-www-form-urlencoded：提交前表单中所有数据都会进行编码；编码的规则是：空格转换为"+"加号，特殊符号转换为ASCII HEX值
         text/plain：提交前表单中数据空格转换为"+"加号，但不对特殊字符进行编码。
         multipart/form-data：提交前表单中不对字符进行编码；在使用包含文件上传控件的表单中，必须使用该值
    -->
    <form action="upload.do" method="post" enctype="multipart/form-data">
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>文件名(N)：</td>
                <td><p><input type="file" name="file"/></p></td>
            </tr>
            <tr>
                <td colspan="2" align="center"><input type="submit" name="上传"/></td>
            </tr>
        </table>
    </form>
</body>
</html>

注意：form表单的请求方式必须设置为POST，并配置属性enctype=“multipart/form-data”，文件上传input控件的name属性值需设置为file值。

3.3 后台功能实现

1.在web.xml文件中配置前端控制器和过滤器，并指定DispatcherServlet加载的配置文件springmvc-upload.xml的位置。

<servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:springmvc-upload.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>*.do</url-pattern>
</servlet-mapping>

<filter>
    <filter-name>CharacterEncodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
        <param-name>encoding</param-name>
        <param-value>utf-8</param-value>
    </init-param>
</filter>
<filter-mapping>
    <filter-name>CharacterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

2.创建com.cy.controller.UploadController控制器类，在类的声明之前添加@Controller注解，并在控制器中添加处理请求的upload()方法，为此方法添加类型为MultipartFile接口的参数，并为该参数添加@RequestParam注解，表示客户端上传的文件。

package com.cy.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.UUID;

@Controller
public class UploadController {
    /*
    @RequestMapping("upload.do")
    @ResponseBody
    public String upload(@RequestParam("file") MultipartFile file) {
        System.out.println("UploadController.upload()...");
        File dest = new File("D:/1.png");
        try {
            // 调用MultipartFile参数对象的transferTo()方法即可保存上传的文件
            file.transferTo(dest);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "OK";
    }
    */
    
    @RequestMapping("upload.do")
    @ResponseBody
    public String upload(HttpServletRequest request, @RequestParam("file") MultipartFile file) throws IOException {
        // 获取上传文件的原始文件名
        String originalFilename = file.getOriginalFilename();
        // 获取上下文的绝对路径
        String realPath = request.getServletContext().getRealPath("upload");
        System.out.println(realPath);
        // 创建File文件对象
        File dir = new File(realPath);
        if (!dir.exists()) {
            dir.mkdirs();
        }
        // 自定义上传文件名
        String fileName = UUID.randomUUID().toString();
        // 获取上传文件扩展名
        String suffix = "";
        int beginIndex = originalFilename.lastIndexOf(".");
        if (beginIndex > 0) {
            suffix = originalFilename.substring(beginIndex);
        }
        String fullFilename = fileName + suffix;
        // 调用MultipartFile参数对象的transferTo()方法即可保存上传的文件
        file.transferTo(new File(dir, fullFilename));

        return "OK";
    }
}

3.在springmvc-upload.xml配置文件中添加组件扫描和CommonsMultipartResolver类的bean标签配置。

<!-- 组件扫描 -->
<context:component-scan base-package="com.cy" />

<!-- CommonsMultipartResolver -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"></bean>

注意：CommonsMultipartResolver类在配置时，id值必须设置成multipartResolver。

4.启动项目，访问http://localhost:8080/springmvc_upload_war_exploded/upload.html网址测试文件提交。

上传头像

1 用户-上传头像-持久层

1.1 规划需要执行的SQL语句

上传文件的操作其实是：先将用户上传的文件保存到服务器端的某个位置，然后将保存文件的路径记录在数据库中。当后续需要使用该文件时，从数据库中读出文件的路径，即可实现在线访问该文件。

在持久层处理数据库中的数据时，只需要关心如何记录头像文件的路径，并不需要考虑上传时保存文件的过程。所以，需要执行的SQL语句大致是：

update t_user set avatar=?, modified_user=?, modified_time=? where uid=?
1.2 接口与抽象方法

在UserMapper接口中添加updateAvatarByUid()抽象方法。

/**
 * 根据uid更新用户的头像
 * @param uid 用户的id
 * @param avatar 新头像的路径
 * @param modifiedUser 修改执行人
 * @param modifiedTime 修改时间
 * @return 受影响的行数
 */
Integer updateAvatarByUid(
		@Param("uid") Integer uid,
		@Param("avatar") String avatar,
		@Param("modifiedUser") String modifiedUser,
		@Param("modifiedTime") Date modifiedTime);
1.3 配置SQL映射

1.在UserMapper.xml中配置updateAvatarByUid()抽象方法的映射。

<!-- 根据uid更新用户的头像
	 Integer updateAvatarByUid(
		@Param("uid") Integer uid,
		@Param("avatar") String avatar,
		@Param("modifiedUser") String modifiedUser,
		@Param("modifiedTime") Date modifiedTime) -->
<update id="updateAvatarByUid">
	UPDATE
		t_user
	SET
		avatar = #{avatar},
		modified_user = #{modifiedUser},
		modified_time = #{modifiedTime}
	WHERE
		uid = #{uid}
</update>

2.在UserMapperTests中编写并执行单元测试。

@Test
public void updateAvatarByUid() {
    Integer uid = 20;
    String avatar = "/upload/avatar.png";
    String modifiedUser = "超级管理员";
    Date modifiedTime = new Date();
    Integer rows = userMapper.updateAvatarByUid(uid, avatar, modifiedUser, modifiedTime);
    System.out.println("rows=" + rows);
}

2 用户-上传头像-业务层

2.1 规划异常

在修改头像值前先检查用户数据状态，可能抛UserNotFoundException异常；由于最终执行的是修改操作还可能抛UpdateException异常。

2.2 接口与抽象方法

在IUserService中添加changeAvatar(Integer uid, String username, String avatar)抽象方法。

/**
 * 修改用户头像
 * @param uid 当前登录的用户的id
 * @param username 当前登录的用户名
 * @param avatar 用户的新头像的路径
 */
void changeAvatar(Integer uid, String username, String avatar);
2.3 实现抽象方法

1.在UserServiceImpl类中实现changeAvatar(Integer uid, String username, String avatar)方法。

@Override
public void changeAvatar(Integer uid, String username, String avatar) {
    // 调用userMapper的findByUid()方法，根据参数uid查询用户数据
    // 检查查询结果是否为null
    // 是：抛出UserNotFoundException

    // 检查查询结果中的isDelete是否为1
    // 是：抛出UserNotFoundException

    // 创建当前时间对象
    // 调用userMapper的updateAvatarByUid()方法执行更新，并获取返回值
    // 判断以上返回的受影响行数是否不为1
    // 是：抛了UpdateException
}

2.changeAvatar(Integer uid, String username, String avatar)方法中代码的具体实现为。

@Override
public void changeAvatar(Integer uid, String username, String avatar) {
	// 调用userMapper的findByUid()方法，根据参数uid查询用户数据
	User result = userMapper.findByUid(uid);
	// 检查查询结果是否为null
	if (result == null) {
		// 是：抛出UserNotFoundException
		throw new UserNotFoundException("用户数据不存在");
	}
	
	// 检查查询结果中的isDelete是否为1
	if (result.getIsDelete().equals(1)) {
		// 是：抛出UserNotFoundException
		throw new UserNotFoundException("用户数据不存在");
	}
	
	// 创建当前时间对象
	Date now = new Date();
	// 调用userMapper的updateAvatarByUid()方法执行更新，并获取返回值
	Integer rows = userMapper.updateAvatarByUid(uid, avatar, username, now);
	// 判断以上返回的受影响行数是否不为1
	if (rows != 1) {
		// 是：抛出UpdateException
		throw new UpdateException("更新用户数据时出现未知错误，请联系系统管理员");
	}
}

3.在UserServiceTests类中进行单元测试。

@Test
public void changeAvatar() {
    try {
        Integer uid = 20;
        String username = "头像管理员";
        String avatar = "/upload/avatar.png";
        userService.changeAvatar(uid, username, avatar);
        System.out.println("OK.");
    } catch (ServiceException e) {
        System.out.println(e.getClass().getSimpleName());
        System.out.println(e.getMessage());
    }
}

3 用户-上传头像-控制器

3.1 处理异常

1.在处理上传文件的过程中，用户可能会选择错误的文件上传，此时就应该抛出对应的异常并进行处理。所以需要创建文件上传相关异常的基类，即在com.cy.store.controller.ex包下创建FileUploadException类，并继承自RuntimeException类。

package com.cy.store.service.ex;

/** 文件上传相关异常的基类 */
public class FileUploadException extends RuntimeException {
    public FileUploadException() {
        super();
    }

    public FileUploadException(String message) {
        super(message);
    }

    public FileUploadException(String message, Throwable cause) {
        super(message, cause);
    }

    public FileUploadException(Throwable cause) {
        super(cause);
    }

    protected FileUploadException(String message, Throwable cause, boolean enableSuppression, boolean writableStackTrace) {
        super(message, cause, enableSuppression, writableStackTrace);
    }
}

2.在处理上传的文件过程中，经分析可能会产生以下异常。这些异常类都需要继承自FileUploadException类。

// 上传的文件为空
cn.tedu.store.controller.ex.FileEmptyException
// 上传的文件大小超出了限制值
cn.tedu.store.controller.ex.FileSizeException
// 上传的文件类型超出了限制
cn.tedu.store.controller.ex.FileTypeException
// 上传的文件状态异常
cn.tedu.store.controller.ex.FileStateException
// 上传文件时读写异常
cn.tedu.store.controller.ex.FileUploadIOException

3.创建FileEmptyException异常类，并继承FileUploadException类。

package com.cy.store.service.ex;

/** 上传的文件为空的异常，例如没有选择上传的文件就提交了表单，或选择的文件是0字节的空文件 */
public class FileEmptyException extends FileUploadException {
    // Override Methods...
}

4.创建FileSizeException异常类，并继承FileUploadException类。

package com.cy.store.service.ex;

/** 上传的文件的大小超出了限制值 */
public class FileSizeException extends FileUploadException {
    // Override Methods...
}

5.创建FileTypeException异常类，并继承FileUploadException类。

package com.cy.store.service.ex;

/** 上传的文件类型超出了限制 */
public class FileTypeException extends FileUploadException {
    // Override Methods...
}

6.创建FileStateException异常类，并继承FileUploadException类。

package com.cy.store.service.ex;

/** 上传的文件状态异常 */
public class FileStateException extends FileUploadException {
    // Override Methods...
}

7.创建FileUploadIOException异常类，并继承FileUploadException类。

package com.cy.store.service.ex;

/** 上传文件时读写异常 */
public class FileUploadIOException extends FileUploadException {
    // Override Methods...
}

8.然后在BaseController的handleException()的@ExceptionHandler注解中添加FileUploadException.class异常的处理；最后在方法中处理这些异常。

@ExceptionHandler({ServiceException.class, FileUploadException.class})
public JsonResult<Void> handleException(Throwable e) {
	JsonResult<Void> result = new JsonResult<Void>(e);
	if (e instanceof UsernameDuplicateException) {
		result.setState(4000);
	} else if (e instanceof UserNotFoundException) {
		result.setState(4001);
	} else if (e instanceof PasswordNotMatchException) {
		result.setState(4002);
	} else if (e instanceof InsertException) {
		result.setState(5000);
	} else if (e instanceof UpdateException) {
		result.setState(5001);
	} else if (e instanceof FileEmptyException) {
		result.setState(6000);
	} else if (e instanceof FileSizeException) {
		result.setState(6001);
	} else if (e instanceof FileTypeException) {
		result.setState(6002);
	} else if (e instanceof FileStateException) {
		result.setState(6003);
	} else if (e instanceof FileUploadIOException) {
		result.setState(6004);
	}
	
	return result;
}
3.2 设计请求

设计用户提交的请求，并设计响应的方式：

请求路径：/users/change_avatar
请求参数：MultipartFile file, HttpSession session
请求类型：POST
响应结果：JsonResult<String>
3.3 处理请求

1.在UserController类中添加处理请求的changeAvatar(@RequestParam(“file”) MultipartFile file, HttpSession session)方法。

@PostMapping("change_avatar")
public JsonResult<String> changeAvatar(@RequestParam("file") MultipartFile file, HttpSession session) {
	// 判断上传的文件是否为空
	// 是：抛出异常
	
	// 判断上传的文件大小是否超出限制值
	// 是：抛出异常
	
	// 判断上传的文件类型是否超出限制
	// 是：抛出异常
	
	// 获取当前项目的绝对磁盘路径
	// 保存头像文件的文件夹
	
	// 保存的头像文件的文件名
			
	// 创建文件对象，表示保存的头像文件
	// 执行保存头像文件
	// 如果产生异常则抛出

	// 头像路径
	// 从Session中获取uid和username
	// 将头像写入到数据库中
	
	// 返回成功和头像路径
	return null;
}

2.changeAvatar(@RequestParam(“file”) MultipartFile file, HttpSession session)方法中具体代码实现为。

/** 头像文件大小的上限值(10MB) */
public static final int AVATAR_MAX_SIZE = 10 * 1024 * 1024;
/** 允许上传的头像的文件类型 */
public static final List<String> AVATAR_TYPES = new ArrayList<String>();

/** 初始化允许上传的头像的文件类型 */
static {
	AVATAR_TYPES.add("image/jpeg");
	AVATAR_TYPES.add("image/png");
	AVATAR_TYPES.add("image/bmp");
	AVATAR_TYPES.add("image/gif");
}

@PostMapping("change_avatar")
public JsonResult<String> changeAvatar(@RequestParam("file") MultipartFile file, HttpSession session) {
	// 判断上传的文件是否为空
	if (file.isEmpty()) {
		// 是：抛出异常
		throw new FileEmptyException("上传的头像文件不允许为空");
	}
	
	// 判断上传的文件大小是否超出限制值
	if (file.getSize() > AVATAR_MAX_SIZE) { // getSize()：返回文件的大小，以字节为单位
		// 是：抛出异常
		throw new FileSizeException("不允许上传超过" + (AVATAR_MAX_SIZE / 1024) + "KB的头像文件");
	}
	
	// 判断上传的文件类型是否超出限制
	String contentType = file.getContentType();
	// public boolean list.contains(Object o)：当前列表若包含某元素，返回结果为true；若不包含该元素，返回结果为false。
	if (!AVATAR_TYPES.contains(contentType)) {
		// 是：抛出异常
		throw new FileTypeException("不支持使用该类型的文件作为头像，允许的文件类型：\n" + AVATAR_TYPES);
	}
	
	// 获取当前项目的绝对磁盘路径
	String parent = session.getServletContext().getRealPath("upload");
	// 保存头像文件的文件夹
	File dir = new File(parent);
	if (!dir.exists()) {
		dir.mkdirs();
	}
	
	// 保存的头像文件的文件名
	String suffix = "";
	String originalFilename = file.getOriginalFilename();
	int beginIndex = originalFilename.lastIndexOf(".");
	if (beginIndex > 0) {
		suffix = originalFilename.substring(beginIndex);
	}
	String filename = UUID.randomUUID().toString() + suffix;
	
	// 创建文件对象，表示保存的头像文件
	File dest = new File(dir, filename);
	// 执行保存头像文件
	try {
		file.transferTo(dest);
	} catch (IllegalStateException e) {
		// 抛出异常
		throw new FileStateException("文件状态异常，可能文件已被移动或删除");
	} catch (IOException e) {
		// 抛出异常
		throw new FileUploadIOException("上传文件时读写错误，请稍后重尝试");
	}
	
	// 头像路径
	String avatar = "/upload/" + filename;
	// 从Session中获取uid和username
	Integer uid = getUidFromSession(session);
	String username = getUsernameFromSession(session);
	// 将头像写入到数据库中
	userService.changeAvatar(uid, username, avatar);
	
	// 返回成功头像路径
	return new JsonResult<String>(OK, avatar);
}

4 用户-上传头像-设置上传文件大小

1.SpringBoot中默认MultipartResolver的最大文件大小值为1M。如果上传的文件的大小超过1M，会抛FileSizeLimitExceededException异常。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bRrqkhoI-1650868471285)(img/2.png)]

2.如果需要调整上传的限制值，直接在启动类中添加getMultipartConfigElement()方法，并且在启动类之前添加@Configuration注解。

package com.cy.store;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.web.servlet.MultipartConfigFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.util.unit.DataSize;
import org.springframework.util.unit.DataUnit;
import javax.servlet.MultipartConfigElement;

@Configuration
@SpringBootApplication
@MapperScan("com.cy.store.mapper")
public class StoreApplication {

    public static void main(String[] args) {
        SpringApplication.run(StoreApplication.class, args);
    }

    @Bean
    public MultipartConfigElement getMultipartConfigElement() {
        MultipartConfigFactory factory = new MultipartConfigFactory();
        // DataSize dataSize = DataSize.ofMegabytes(10);
        // 设置文件最大10M，DataUnit提供5中类型B,KB,MB,GB,TB
        factory.setMaxFileSize(DataSize.of(10, DataUnit.MEGABYTES));
        factory.setMaxRequestSize(DataSize.of(10, DataUnit.MEGABYTES));
        // 设置总上传数据总大小10M
        return factory.createMultipartConfig();
    }
}

3.除了以上编写方法配置上传的上限值以外，还可以通过在application.properties或application.yml中添加配置来实现。

(1) 低版本：1.X

spring.http.multipart.max-file-size=10MB
spring.http.multipart.max-request-size=10MB

(2) 高版本：2.X

#方式1
spring.servlet.multipart.max-file-size=10MB
spring.servlet.multipart.max-request-size=10MB
#方式2
spring.servlet.multipart.maxFileSize=10MB
spring.servlet.multipart.maxRequestSize=10MB
大喵喵不可爱
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
头像裁剪上传功能HTML源码
10-02
开发者可以直接引入这个代码到自己的项目中，只需进行适当的配置，如设置文件上传的URL、裁剪后图片的尺寸等，就可以快速实现一个功能完备的头像上传功能。这个源码对于初学者来说是很好的学习材料，对于有经验的...
彻底修改 Windows 系统用户名
weixin_30347009的博客
04-20 5600
在 Windows 安装的时候会输入一个用户名，电脑店装的一般都会给你设置成Admin之类的。这个时候你想要改成自己的，一般都是直接在 控制面板 > 用户帐户和家庭安全 > 用户帐户 > 更改账户名称 这里修改。 改完之后开始菜单上显示的用户名是你自己的了，但是 C:\Users 文件夹下面的主账户文件夹还是原来的名字，打开运行，输入cmd，回车，上面的用户名还是原来的名字。想要...
3.用户上传头像
weixin_45780538的博客
07-18 1213
·
【PHP开发工程师详细讲解分析】——网站注册账号（头像的上传操作），让自己喜欢的头像更换畅通无阻
最新发布
php优质创造者
04-24 2510
👨‍💻。
关于如何上传用户头像(JSP+Servlet)的思路
kayzhao的专栏
10-12 7247
仅仅给的是思路，但愿你也能有点儿启发，我也学习学习 最近需要做一个类似百度贴吧的东东，需要搞一个类似用户上传头像的东西，找了好多资料，也没搞出来，甚至那个JQuery插件uploadify都找了来试试，网上没找到个称心的例子来研究，自己配置也一直出错。但是大概思路就是如下的 1，【jsp】：添加一个form表单，一个input浏览图片按钮，一个input上传按钮，选择图片(可以加文件类型过滤)
jsp+servlet实现图片上传
Lucky_BonnenuIt的博客
09-23 1953
图片上传主要代码（学生系统个人信息中） 步骤一：在web目录下新建一个项目（图片上传的路径） 步骤二：导入commons-fileupload-1.32.jar和commons-io-2.5.jar 步骤三：编写jsp页面（add.jsp） <div class="form-group"> <label for="tel" class="c...
cropper头像上传jquery插件
08-11
"cropper头像上传jquery插件"是指使用了名为"Cropper"的JavaScript库，结合jQuery技术，实现的一个专门用于用户头像上传的功能。Cropper是一款强大的图片裁剪工具，它提供了丰富的API和选项，使得在前端进行图片裁剪...
上传头像插件1.zip
08-13
在这个头像上传插件中，Bootstrap可能被用来创建弹出的上传界面，提供了良好的用户体验。 “sitelogo”可能是存放网站logo图片的文件夹，与“logo.jpg”类似，用于展示网站的品牌形象。 总的来说，这个“上传头像...
Django项目实战之用户头像上传与访问的示例
09-20
在Django项目中，用户头像上传与访问是常见的需求，尤其在社交网络或个人资料管理的应用中。本文将详细讲解如何实现这一功能。 首先，我们需要创建一个HTML表单供用户选择并上传头像。在`upload.html`文件中，可以...
头像裁切上传
03-30
"头像裁切上传"是Web开发中的一个常见功能，主要应用于社交网络、个人资料设置等场景，允许用户选择图片并进行裁剪以适应特定尺寸的头像需求。这一过程涉及的技术点包括HTML、CSS、JavaScript以及可能的服务器端处理...
jsp+servlet头像上传功能
10-03
jsp+servlet的头像上传 百分之百有用
用户注册时上传头像的实现
03-05
uuid_tools 博文链接：https://yezi.iteye.com/blog/135754
java web 上传头像功能
Blooming death的博客
04-24 2827
java web 上传头像功能 第一步：导包 第二步：准备客户端的数据 第三步：服务器 /** * 上传文件Servlet */ @WebServlet("/UploadServlet") public class UploadServlet extends HttpServlet { private static final long serialVersionUID = 1L; ...
Servlet处理文件上传（用Servlet实现注册登录的小例子）
喻志强的博客
07-26 5810
Servlet处理文件上传，实现注册登录例子
用户头像的上传以及前端回显
programmerCy的博客
09-03 1756
在开发中，头像上传是一个非常基本的需求，那么如何去完成这个需求呢？本文将从前端到后端完整的讲述设计过程。
Spring Boot 项目如何实现上传头像功能 + “小红书“ 项目案例
CYK_byte的博客
04-12 2617
SpringBoot 项目如何实现上传图片功能？
SpringBoot头像上传
weixin_43994244的博客
10-21 730
使用七牛云oss实现图片上传，暂存
Java实现头像上传
m0_50490716的博客
09-21 1078
java本地实现头像上传，
java springboot用户头像上传及信息保存
09-10
在Java Spring Boot中实现用户头像上传和信息保存可以通过以下步骤实现： 1. 前端页面：创建一个用户信息编辑页面，该页面包含一个文件上传控件和其他用户信息输入框，用户可以选择并上传头像图片，同时输入其他的用户信息。 2. 控制器层：创建一个控制器用于处理用户信息和头像的上传请求。在该控制器中，配置一个POST请求的映射路径，接收前端页面传来的用户信息和头像图片文件。使用@RequestPart注解接收文件，使用@ModelAttribute注解接收其他用户信息。 3. 服务层：创建一个服务类用于保存用户信息和头像文件。在该服务类中，可以使用Spring Boot的MultipartFile类来处理上传的文件。可以使用File类创建一个唯一的文件名，用于保存用户头像文件。将文件保存到服务器的指定位置。 4. 数据库交互：在保存用户信息时，可以使用Spring Data JPA来操作数据库。可以创建一个用户实体类和一个对应的Repository接口，用于对用户数据进行增删改查的操作。在保存用户信息时，将用户信息保存到数据库表中。 5. 前端展示：用户头像上传成功后，可以将头像显示到用户信息编辑页面上供用户预览。同时可以将用户头像的URL保存到用户信息表中，用于在其他页面展示用户头像。 6. 其他功能：可以为用户提供修改头像的功能，在用户个人中心或者其他页面上提供用户头像的修改入口。用户可以重新选择并上传新的头像图片，同时更新数据库中的用户头像URL。 通过以上步骤，就能够在Java Spring Boot中实现用户头像上传和信息保存的功能。整个过程中需要注意文件的上传和保存路径的配置，以及与数据库进行交互的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大喵喵不可爱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值