Vue + SpringBoot学习项目

Posted 2020-12-21 hellostranger

Vue + SpringBoot学习项目(5)

　　今天继续做一下学习的项目，今天跟一下文件上传和打包的部分。

　　https://learner.blog.csdn.net/article/details/97619312

　　

　　上传图片的部分没有出现什么报错的情况，就是在后端项目的包下面没有找到config的文件夹，按照网上的教程新建一个就可以了。

　　https://blog.csdn.net/kanglovejava/article/details/79315372

　　

 

　　代码如下：

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MyWebConfigurer implements WebMvcConfigurer {
    //把它跟我们设置的图片资源文件夹，即 e:/workspace/img 对应起来。
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/api/file/**").addResourceLocations("file:" + "e:/workspace/img/");
    }
}

 

　　然后我在博主的基础上做了两点改动，首先博主的图片是用绝对路径的方法保存，但是我觉得应该使用相对路径比较好（ps.从网上的帖子来看，这里有大坑，因为resources文件夹在打包前后的位置不一样，但是试了半天暂时先用这个办法）

　　将两处使用的绝对地址改为：

System.getProperty("user.dir") + "\\src\\main\\resources\\img\\"

　　其次博主取图片后缀名的时候很粗暴，就是取后四个字符，我这里用了split函数来取：

        String OriginalFilename = StringUtils.getRandomString(6) + file.getOriginalFilename();
        File f = new File(imageFolder, StringUtils.getRandomString(6) + "." + OriginalFilename
                .split("\\.")[OriginalFilename.split("\\.").length - 1]);