java上传实现 spring boot +element ui

先从element ui el-upload组件开始介绍。

<el-upload
    name="file"
    :show-file-list="false"
    action="请求controller的地址"
    :on-success="handleUploadSuccessletter" 上传成功做的一些操作
    :headers="headers"  获得的headers一个身份的验证
>
  <el-link type="primary">重新上传</el-link>    //这里需要一个点击控件即可,el-button也行
</el-upload>

关于headers

在return里写,这个即可获得headers

headers: {
  Authorization: "Bearer " + getToken(),
},

目录

1、得到文件上传路径,getUploadPath方法

2、FileUploadUtils里的upload方法,返回一个新的文件名

3、获取url 

完整的FileUploadUtils 

再来看后台controller

@PostMapping("/upload")
public ResultJson uploadFile(MultipartFile file) throws Exception {
    try {
        // 上传文件路径,其中Config是一个Java类,里面有文件上传到路径
        String filePath = Config.getUploadPath();
        // 上传并返回新文件名称
        String fileName = FileUploadUtils.upload(filePath, file);
        String url = serverConfig.getUrl() + fileName;
        Map<String, String> prams = new HashMap<String, String>();//定义一个map
        prams.put("fileName", fileName);
        prams.put("url", url);//分别放入文件名和url
        return ResultJson.ok(prams); //返回给前台
    } catch (Exception e) {
        return ResultJson.failure(ResultCode.BAD_REQUEST, e.getMessage());
    }
}

大致步骤分为以下:

1、得到文件上传路径,getUploadPath方法

/**
     * 获取上传路径
     */
    public static String getUploadPath()
    {
        return getProfile() + "upload";
    }

我们再来看getProfile()方法:

public static String getProfile()
    {
        return profile;
    }

这里的profile是自己定义的一个路径

2、FileUploadUtils里的upload方法,返回一个新的文件名

public static final String upload(String baseDir, MultipartFile file) throws IOException
{
    try
    {
        return upload(baseDir, file, MimeTypeUtils.DEFAULT_ALLOWED_EXTENSION);
    }
    catch (Exception e)
    {
        throw new IOException(e.getMessage(), e);
    }
}

上面的upload方法,又调用了一个upload方法,如下:(这个upload方法一个是校验文件名的长度,以及校验文件是否符合大小,并返回一个新的文件名)

public static final String upload(String baseDir, MultipartFile file, String[] allowedExtension)  //接收文件上传路径,文件名,文件类型
        throws FileSizeLimitExceededException, IOException, FileNameLengthLimitExceededException,
        InvalidExtensionException
{
//检验文件名字的长度是否超过规定
    int fileNamelength = file.getOriginalFilename().length();
    if (fileNamelength > FileUploadUtils.DEFAULT_FILE_NAME_LENGTH)
    {
        throw new FileNameLengthLimitExceededException(FileUploadUtils.DEFAULT_FILE_NAME_LENGTH);
    }
//文件的大小是否合格
    assertAllowed(file, allowedExtension);
//获取编码文件名
    String fileName = extractFilename(file);

    File desc = getAbsoluteFile(baseDir, fileName);
    file.transferTo(desc);
    String pathFileName = getPathFileName(baseDir, fileName);
    return pathFileName;
}

//检验文件名字的长度是否超过规定//文件的大小是否合格

/**
 * 文件大小校验
 *
 * @param file 上传的文件
 * @return
 * @throws FileSizeLimitExceededException 如果超出最大大小
 * @throws InvalidExtensionException
 */
public static final void assertAllowed(MultipartFile file, String[] allowedExtension)
        throws FileSizeLimitExceededException, InvalidExtensionException
{
    long size = file.getSize();
    if (DEFAULT_MAX_SIZE != -1 && size > DEFAULT_MAX_SIZE)
    {
        throw new FileSizeLimitExceededException(DEFAULT_MAX_SIZE / 1024 / 1024);
    }

    String fileName = file.getOriginalFilename();
    String extension = getExtension(file);
    if (allowedExtension != null && !isAllowedExtension(extension, allowedExtension))
    {
        if (allowedExtension == MimeTypeUtils.IMAGE_EXTENSION)
        {
            throw new InvalidExtensionException.InvalidImageExtensionException(allowedExtension, extension,
                    fileName);
        }
        else if (allowedExtension == MimeTypeUtils.FLASH_EXTENSION)
        {
            throw new InvalidExtensionException.InvalidFlashExtensionException(allowedExtension, extension,
                    fileName);
        }
        else if (allowedExtension == MimeTypeUtils.MEDIA_EXTENSION)
        {
            throw new InvalidExtensionException.InvalidMediaExtensionException(allowedExtension, extension,
                    fileName);
        }
        else
        {
            throw new InvalidExtensionException(allowedExtension, extension, fileName);
        }
    }

}

//获取编码文件名 

/**
 * 编码文件名
 */
public static final String extractFilename(MultipartFile file)
{
    String fileName = file.getOriginalFilename();
    String extension = getExtension(file);
    fileName = DateUtils.datePath() + "/" + IdUtils.fastUUID() + "." + extension;
    return fileName;
}

得到绝对文件

private static final File getAbsoluteFile(String uploadDir, String fileName) throws IOException
{
    File desc = new File(uploadDir + File.separator + fileName);

    if (!desc.getParentFile().exists())
    {
        desc.getParentFile().mkdirs();
    }
    if (!desc.exists())
    {
        desc.createNewFile();
    }
    return desc;
}

最终返回新的文件名 

private static final String getPathFileName(String uploadDir, String fileName) throws IOException
{
    int dirLastIndex = NiuaConfig.getProfile().length();
    String currentDir = StringUtils.substring(uploadDir, dirLastIndex);
    String pathFileName = Constants.RESOURCE_PREFIX + "/" + currentDir + "/" + fileName;
    return pathFileName;
}

MimeTypeUtils.DEFAULT_ALLOWED_EXTENSION这个是允许上传的文件类型

public static final String[] DEFAULT_ALLOWED_EXTENSION = {
        // 图片
        "bmp", "gif", "jpg", "jpeg", "png",
        // word excel powerpoint
        "doc", "docx", "xls", "xlsx", "ppt", "pptx", "html", "htm", "txt",
        // 压缩文件
        "rar", "zip", "gz", "bz2",
        // pdf
        "pdf" ,"mp4"};

3、获取url 

/**
     * 获取完整的请求路径,包括:域名,端口,上下文访问路径
     *
     * @return 服务地址
     */
    public String getUrl()
    {
        HttpServletRequest request = ServletUtils.getRequest();
        return getDomain(request);
    }

4、分别将url和文件名传给前台

前台接收:

handleUploadSuccess(res) {
  let uploadUrlPath = res;
  this.dialogForm.imageUrl = uploadUrlPath.data.url
  this.loading.close();
},

完整的FileUploadUtils 

package tech.niua.common.utils.file;

import java.io.File;
import java.io.IOException;
import org.apache.commons.io.FilenameUtils;
import org.springframework.web.multipart.MultipartFile;
import tech.niua.common.config.NiuaConfig;
import tech.niua.common.constant.Constants;
import tech.niua.common.exception.file.FileNameLengthLimitExceededException;
import tech.niua.common.exception.file.FileSizeLimitExceededException;
import tech.niua.common.exception.file.InvalidExtensionException;
import tech.niua.common.utils.DateUtils;
import tech.niua.common.utils.StringUtils;
import tech.niua.common.utils.uuid.IdUtils;

/**
 * @author 
 * @title: FileUploadUtils
 * @projectName niua_easy_parent
 * @description: 文件上传工具
 * @date 2020/12/19 下午9:49
 */
public class FileUploadUtils {
    /**
     * 默认大小 50M
     */
    public static final long DEFAULT_MAX_SIZE = 50 * 1024 * 1024;

    /**
     * 默认的文件名最大长度 100
     */
    public static final int DEFAULT_FILE_NAME_LENGTH = 100;

    /**
     * 默认上传的地址
     */
    private static String defaultBaseDir = NiuaConfig.getProfile();

    public static void setDefaultBaseDir(String defaultBaseDir)
    {
        FileUploadUtils.defaultBaseDir = defaultBaseDir;
    }

    public static String getDefaultBaseDir()
    {
        return defaultBaseDir;
    }

    /**
     * 以默认配置进行文件上传
     *
     * @param file 上传的文件
     * @return 文件名称
     * @throws Exception
     */
    public static final String upload(MultipartFile file) throws IOException
    {
        try
        {
            return upload(getDefaultBaseDir(), file, MimeTypeUtils.DEFAULT_ALLOWED_EXTENSION);
        }
        catch (Exception e)
        {
            throw new IOException(e.getMessage(), e);
        }
    }

    /**
     * 根据文件路径上传
     *
     * @param baseDir 相对应用的基目录
     * @param file 上传的文件
     * @return 文件名称
     * @throws IOException
     */
    public static final String upload(String baseDir, MultipartFile file) throws IOException
    {
        try
        {
            return upload(baseDir, file, MimeTypeUtils.DEFAULT_ALLOWED_EXTENSION);  //校验文件格式
        }
        catch (Exception e)
        {
            throw new IOException(e.getMessage(), e);
        }
    }

    /**
     * 文件上传
     *
     * @param baseDir 相对应用的基目录
     * @param file 上传的文件
     * @param allowedExtension 上传文件类型
     * @return 返回上传成功的文件名
     * @throws FileSizeLimitExceededException 如果超出最大大小
     * @throws FileNameLengthLimitExceededException 文件名太长
     * @throws IOException 比如读写文件出错时
     * @throws InvalidExtensionException 文件校验异常
     */
    public static final String upload(String baseDir, MultipartFile file, String[] allowedExtension) throws FileSizeLimitExceededException, IOException, FileNameLengthLimitExceededException, InvalidExtensionException
    {
        int fileNamelength = file.getOriginalFilename().length();
        if (fileNamelength > FileUploadUtils.DEFAULT_FILE_NAME_LENGTH)
        {
            throw new FileNameLengthLimitExceededException(FileUploadUtils.DEFAULT_FILE_NAME_LENGTH);
        }

        assertAllowed(file, allowedExtension);

        String fileName = extractFilename(file);

        File desc = getAbsoluteFile(baseDir, fileName);
        file.transferTo(desc);
        String pathFileName = getPathFileName(baseDir, fileName);
        return pathFileName;
    }

    /**
     * 编码文件名
     */
    public static final String extractFilename(MultipartFile file)
    {
        String fileName = file.getOriginalFilename();
        String extension = getExtension(file);
        fileName = DateUtils.datePath() + "/" + IdUtils.fastUUID() + "." + extension;
        return fileName;
    }

    private static final File getAbsoluteFile(String uploadDir, String fileName) throws IOException
    {
        File desc = new File(uploadDir + File.separator + fileName);

        if (!desc.getParentFile().exists())
        {
            desc.getParentFile().mkdirs();
        }
        if (!desc.exists())
        {
            desc.createNewFile();
        }
        return desc;
    }

    private static final String getPathFileName(String uploadDir, String fileName) throws IOException
    {
        int dirLastIndex = NiuaConfig.getProfile().length();
        String currentDir = StringUtils.substring(uploadDir, dirLastIndex);
        String pathFileName = Constants.RESOURCE_PREFIX + "/" + currentDir + "/" + fileName;
        return pathFileName;
    }

    /**
     * 文件大小校验
     *
     * @param file 上传的文件
     * @return
     * @throws FileSizeLimitExceededException 如果超出最大大小
     * @throws InvalidExtensionException
     */
    public static final void assertAllowed(MultipartFile file, String[] allowedExtension)
            throws FileSizeLimitExceededException, InvalidExtensionException
    {
        long size = file.getSize();
        if (DEFAULT_MAX_SIZE != -1 && size > DEFAULT_MAX_SIZE)
        {
            throw new FileSizeLimitExceededException(DEFAULT_MAX_SIZE / 1024 / 1024);
        }

        String fileName = file.getOriginalFilename();
        String extension = getExtension(file);
        if (allowedExtension != null && !isAllowedExtension(extension, allowedExtension))
        {
            if (allowedExtension == MimeTypeUtils.IMAGE_EXTENSION)
            {
                throw new InvalidExtensionException.InvalidImageExtensionException(allowedExtension, extension,
                        fileName);
            }
            else if (allowedExtension == MimeTypeUtils.FLASH_EXTENSION)
            {
                throw new InvalidExtensionException.InvalidFlashExtensionException(allowedExtension, extension,
                        fileName);
            }
            else if (allowedExtension == MimeTypeUtils.MEDIA_EXTENSION)
            {
                throw new InvalidExtensionException.InvalidMediaExtensionException(allowedExtension, extension,
                        fileName);
            }
            else
            {
                throw new InvalidExtensionException(allowedExtension, extension, fileName);
            }
        }

    }

    /**
     * 判断MIME类型是否是允许的MIME类型
     *
     * @param extension
     * @param allowedExtension
     * @return
     */
    public static final boolean isAllowedExtension(String extension, String[] allowedExtension)
    {
        for (String str : allowedExtension)
        {
            if (str.equalsIgnoreCase(extension))
            {
                return true;
            }
        }
        return false;
    }

    /**
     * 获取文件名的后缀
     *
     * @param file 表单文件
     * @return 后缀名
     */
    public static final String getExtension(MultipartFile file)
    {
        String extension = FilenameUtils.getExtension(file.getOriginalFilename());
        if (StringUtils.isEmpty(extension))
        {
            extension = MimeTypeUtils.getExtension(file.getContentType());
        }
        return extension;
    }
}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
【资源介绍】 毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip毕设源码-基于spring boot + element-ui的后台管理系统.zip 【备注】 该项目是个人毕设项目,答辩评审分达到95分,代码都经过调试测试,确保可以运行!欢迎下载使用,可用于小白学习、进阶。 该资源主要针对计算机、通信、人工智能、自动化等相关专业的学生、老师或从业者下载使用,亦可作为期末课程设计、课程大作业、毕业设计等。 项目整体具有较高的学习借鉴价值!基础能力强的可以在此基础上修改调整,以实现不同的功能。 欢迎下载,欢迎沟通,互相学习,共同进步!提供答疑!
Spring Boot是一款用于简化Spring应用程序开发的框架,它采用了约定优于配置的原则,可以快速构建独立的、基于Java的企业级应用程序。它集成了很多常用的技术和组件,支持快速开发、测试和部署。 Vue是一款用于构建用户界面的渐进式框架,通过使用组件化的方式来构建复杂的前端应用程序。它的设计理念是简单灵活,易于学习和使用。Vue使用了虚拟DOM技术,能够高效地处理大规模的数据操作和界面更新。 Element UI是一款基于Vue.js的桌面端组件库,提供了一套丰富的UI组件,可以快速构建美观的用户界面。Element UI的设计风格简洁大方,适用于各种不同的应用场景。它提供了大量的组件和功能,如表单验证、数据表格、弹窗等,满足了商城系统的各种需求。 结合Spring Boot、Vue和Element UI,我们可以构建一个功能完善的商城系统。Spring Boot作为后端框架,负责处理业务逻辑和数据处理,提供了接口供前端调用。Vue作为前端框架,负责展示用户界面和与后端接口进行交互。Element UI作为前端组件库,提供了丰富的UI组件,可以帮助我们构建漂亮的商城界面。 例如,我们可以使用Spring Boot实现用户注册、登录、商品管理等功能,并提供相应的接口供前端调用。Vue可以负责展示用户界面,如商品列表、购物车、订单管理等,同时通过调用后端接口获取数据。Element UI可以用来构建漂亮的界面,并提供了很多常用的组件,如表单、弹窗、数据表格等,可以让用户有更好的体验。 总之,Spring Boot、Vue和Element UI的结合,可以帮助我们快速构建一个功能强大、用户友好的商城系统,提供完整的用户界面和后端功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值