SpringBoot实现微信小程序文件上传的完整案例

最新推荐文章于 2024-08-02 00:07:06 发布

智慧zhuhuix

最新推荐文章于 2024-08-02 00:07:06 发布

阅读量5.3k

点赞数 9

本文链接：https://blog.csdn.net/jpgzhu/article/details/105658075

版权

本文详述了如何使用SpringBoot实现微信小程序的文件上传功能。从后端的SpringBoot项目API结构、文件上传工具类实现，到前端小程序的搭建、上传代码编写，以及上传测试，提供了一个完整的案例。后端利用Spring Data JPA处理文件存储，前端则使用有赞vant-weapp的Uploader组件。

摘要由CSDN通过智能技术生成

文章目录

一、背景

最近在做一个CRM微信小程序工具，用户提出了需要通过小程序上传图片、录音、视频的需求。针对此需求，本文将通过搭建SpringBoot上传文件的API，前端小程序调用后端API，展现微信小程序文件上传到SpringBoot的完整案例。

二、后端实现

1、SpringBoot项目API相关结构树

在这里插入图片描述

2、文件上传工具类的实现

tools工具类包中主要存文件通用的文件上传工具类，该工具类会将文件上传至配置指定的文件夹下，并将文件信息写入upload_file表中。

文件信息实体类：与数据库中表upload_file对应；
文件存储仓库类：通过Spring Data JPA接口实现数据的CRUD；
文件上传工具接口：对外统一封装文件上传方法；
文件上传工具实现类：实现文件上传方法接口。

文件信息实体类：UploadFile.java

/**
 * 文件信息表
 *
 * @author zhuhuix
 * @date 2020-04-20
 */
@Entity
@Getter
@Setter
@Table(name = "upload_file")
public class UploadFile {
   

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @NotNull(groups = Update.class)
    private Long id;

    /**
     * 文件实际名称
     */
    @Column(name = "real_name")
    private String realName;

    /**
     * 文件名
     */
    @NotNull
    @Column(name = "file_name")
    private String fileName;

    /**
     * 文件主名称
     */
    @NotNull
    @Column(name = "primary_name")
    private String primaryName;

    /**
     * 文件扩展名
     */
    @NotNull
    private String extension;

    /**
     * 存放路径
     */
    @NotNull
    private String path;

    /**
     * 文件类型
     */
    private String type;

    /**
     * 文件大小
     */
    private Long size;

    /**
     * 上传人
     */
    private String uploader;

    @JsonIgnore
    @Column(name = "create_time")
    @CreationTimestamp
    private Timestamp createTime;

    public UploadFile(String realName, @NotNull String fileName, @NotNull String primaryName, @NotNull String extension, @NotNull String path, String type, Long size, String uploader) {
   
        this.realName = realName;
        this.fileName = fileName;
        this.primaryName = primaryName;
        this.extension = extension;
        this.path = path;
        this.type = type;
        this.size = size;
        this.uploader = uploader;
    }

    @Override
    public String toString() {
   
        return "UploadFile{" +
                "fileName='" + fileName + '\'' +
                ", uploader='" + uploader + '\'' +
                ", createTime=" + createTime +
                '}';
    }
}

文件存储仓库类:UploadFileRepository.java

/**
 * 上传文件DAO接口层
 *
 * @author zhuhuix
 * @date 2020-04-03
 */
public interface UploadFileRepository extends JpaRepository<UploadFile, Long>, JpaSpecificationExecutor<UploadFile> {
   
//该接口继承JpaRepository及CrudRepository接口，已实现了如findById,save,delete等CRUD方法
}

UploadFileRepository 接口继承JpaRepository及CrudRepository接口，已实现了如findById,save,delete等CRUD方法
在这里插入图片描述
文件上传工具接口：UploadFileTool.java

/**
 * 文件上传接口定义
 *
 * @author zhuhuix
 * @date 2020-04-20
 */
public interface UploadFileTool {
   

    /**
     * 文件上传
     * @param multipartFile 文件
     * @return 上传信息
     */
   UploadFile upload(String uploader,String realName,MultipartFile multipartFile);
}