web上传图片到NGINX

该文章展示了如何在Java中利用Hutool库处理文件上传和删除操作。代码包括文件上传到指定目录,生成新的文件名,以及根据文件名删除文件的功能。上传时,文件会被重命名并保存在特定目录下,删除操作会检查文件是否存在后再执行。

1.前置

导入hutool包,这里

        <!--hutool-->
        <dependency>
            <groupId>cn.hutool</groupId>
            <artifactId>hutool-all</artifactId>
            <version>5.7.17</version>
        </dependency>

2.相关代码

上传途径

public class SystemConstants {
//    生成文件位置
    public static final String IMAGE_UPLOAD_DIR = "C:\\Users\\30627\\Desktop\\hm-dp\\nginx-1.18.0\\html\\hmdp\\imgs";
    public static final String USER_NICK_NAME_PREFIX = "user_";
    public static final int DEFAULT_PAGE_SIZE = 5;
    public static final int MAX_PAGE_SIZE = 10;
}

上传代码

    @PostMapping("blog")
    public Result uploadImage(@RequestParam("file") MultipartFile image) {
        try {
            // 获取原始文件名称
            String originalFilename = image.getOriginalFilename();
            // 生成新文件名
            String fileName = createNewFileName(originalFilename);
            // 保存文件
            image.transferTo(new File(SystemConstants.IMAGE_UPLOAD_DIR, fileName));
            // 返回结果
            log.debug("文件上传成功,{}", fileName);
            return Result.ok(fileName);
        } catch (IOException e) {
            throw new RuntimeException("文件上传失败", e);
        }
    }

    @GetMapping("/blog/delete")
    public Result deleteBlogImg(@RequestParam("name") String filename) {
        File file = new File(SystemConstants.IMAGE_UPLOAD_DIR, filename);
        if (file.isDirectory()) {
            return Result.fail("错误的文件名称");
        }
        FileUtil.del(file);
        return Result.ok();
    }

    private String createNewFileName(String originalFilename) {
        // 获取后缀
        String suffix = StrUtil.subAfter(originalFilename, ".", true);
        // 生成目录
        String name = UUID.randomUUID().toString();
        int hash = name.hashCode();
        int d1 = hash & 0xF;
        int d2 = (hash >> 4) & 0xF;
        // 判断目录是否存在
        File dir = new File(SystemConstants.IMAGE_UPLOAD_DIR, StrUtil.format("/blogs/{}/{}", d1, d2));
        if (!dir.exists()) {
            dir.mkdirs();
        }
        // 生成文件名
        return StrUtil.format("/blogs/{}/{}/{}.{}", d1, d2, name, suffix);
    }

### Spring Boot 实现图片上传Nginx 的配置教程及示例 #### 一、Nginx 配置 为了支持图片上传功能,需要在 Nginx 中设置一个专门用于存储文件的路径。以下是具体的 Nginx 配置方法: 编辑 `nginx.conf` 文件,通常位于 `/etc/nginx/nginx.conf` 或者 `/usr/local/nginx/conf/nginx.conf` 路径下[^1]。 ```nginx server { listen 80; server_name yourdomain.com; location /upload/ { alias /var/www/upload/; autoindex on; # 可选:允许浏览目录结构 } location /api/ { proxy_pass http://localhost:8080; # 假设Spring Boot运行在本地8080端口上 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } } ``` 上述配置中定义了一个名为 `/upload/` 的虚拟路径,指向实际的磁盘位置 `/var/www/upload/`。此路径将被用来保存通过 API 接收的文件[^3]。 完成配置后记得重启 Nginx 服务以使更改生效: ```bash sudo systemctl restart nginx ``` --- #### 二、Spring Boot 后端处理逻辑 在 Spring Boot 应用程序中创建控制器来接收前端传来的文件数据并将其写入指定的目标路径。 ##### 添加依赖项 确保项目的 `pom.xml` 文件中有以下 Maven 依赖项: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> ``` ##### 创建 Controller 类 下面展示的是如何编写一个简单的 RESTful 控制器来接受 multipart/form-data 请求并将接收到的文件保存下来。 ```java import org.springframework.web.bind.annotation.*; import org.springframework.web.multipart.MultipartFile; import java.io.File; import java.io.IOException; @RestController @RequestMapping("/api/files") public class FileUploadController { private static final String UPLOAD_DIR = "/var/www/upload/"; @PostMapping("/upload") public String uploadFile(@RequestParam("file") MultipartFile file) { if (file.isEmpty()) { return "Failed to upload empty file."; } try { byte[] bytes = file.getBytes(); File targetFile = new File(UPLOAD_DIR + file.getOriginalFilename()); targetFile.createNewFile(); // 如果目标文件不存在,则新建它 java.nio.file.Files.write(targetFile.toPath(), bytes); return "You successfully uploaded '" + file.getOriginalFilename() + "'!"; } catch (IOException e) { e.printStackTrace(); return "Error occurred while uploading the file."; } } } ``` 注意这里的 `UPLOAD_DIR` 必须与之前 Nginx 所设定的一致[^4]。 --- #### 三、安全性考虑 当涉及到文件上传时,安全问题是不可忽视的一部分。建议采取措施防止恶意攻击比如 XSS 和 CSRF 攻击以及非法访问控制等问题的发生。 可以通过验证 MIME 类型或者限制最大允许大小等方式增强系统的健壮性和安全性。 --- #### 四、测试过程 最后一步就是确认整个流程是否正常运作了。可以利用 Postman 工具发起 POST 请求来进行初步的功能检测;当然也可以开发对应的前端页面让用户更方便地执行这一操作。 假设已经成功部署好环境之后,在浏览器地址栏键入类似于这样的 URL 地址即可查看刚刚上传上去的内容是否存在: ``` http://yourdomain.com:8081/upload/<filename> ``` 其中 `<filename>` 是指代刚才所上传的那个具体文档的名字。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值