首页 / VUE / Vue + SpringBoot学习项目(5)

Vue + SpringBoot学习项目(5)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Vue + SpringBoot学习项目(5)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1296字，纯文字阅读大概需要2分钟。

内容图文

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
    publicvoid 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]);

 

原文：https://www.cnblogs.com/hellostranger/p/14076822.html

内容总结

以上是互联网集市为您收集整理的Vue + SpringBoot学习项目(5)全部内容，希望文章能够帮你解决Vue + SpringBoot学习项目(5)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1275650.html

来源：【匿名】