快捷導(dǎo)航

SpringBoot配置圖片訪問的虛擬路徑

更新時(shí)間：2022年02月18日 09:58:16 作者：qq-1438608594

大家好，本篇文章主要講的是SpringBoot配置圖片訪問的虛擬路徑，感興趣的同學(xué)趕快來看一看吧，對你有幫助的話記得收藏一下

記錄一次SpringBoot配置虛擬路徑訪問圖片的筆記
最近編寫的項(xiàng)目都是需要將圖片進(jìn)行訪問的，而我的是有spring+springMVC+Mybatis框架實(shí)現(xiàn)的項(xiàng)目，并且在使用ssm框架的時(shí)候已經(jīng)是用到了圖片訪問的虛擬路徑來進(jìn)行訪問的，ssm配置虛擬路徑實(shí)在Tomcat上配置的圖片訪問，而SpringBoot是內(nèi)置Tomcat的那應(yīng)該怎么配置呢具體看下圖，
先配置圖片上傳路徑

這個(gè)是jsp頁面的代碼段

  <div class="layui-form-item">
        <label class="layui-form-label">簡介圖片</label>
        <div class="layui-upload layui-input-block">
            <button type="button" class="layui-btn" id="SingleUpload">
                <i class="layui-icon layui-icon-upload"></i> 上傳圖片
            </button>
            <img id="simpleImg" width="60px" height="60px">
        </div>
    </div>

js代碼段

 upload.render({  //這里是上傳一張圖片
        elem: "#SingleUpload",
        url: ctx + "/book/SingleUpload",
        done: function (res, index, upload) {
            //假設(shè)code=0代表上傳成功
            if (res.code == 0) {
                layer.msg("簡介圖片加載成功！", {icon: 1});
                $("#simpleImg").attr("src", res.image);
                $("#SingleUpload").addClass("layui-btn-disabled");
                $("#SingleUpload").off("click");
            }
        }
    });

接下來是Controller里面的具體配置

  private String simplePath = "D:/uploadLibrary/";
    // 詳細(xì)圖片地址
    private StringBuilder detailsPath = new StringBuilder();

 @RequestMapping("/SingleUpload")
    @ResponseBody
    public Map<String, Object> SingleUpload(@RequestParam("file") MultipartFile file, HttpServletRequest req,
                                            HttpSession session) {
        Map<String, Object> map = new HashMap<String, Object>();
        try {
            String suffixName = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));
            String filename = UUID.randomUUID() + suffixName;
            File filePath = new File(dirPath);
            if (!filePath.exists()) {
                filePath.mkdirs();
            }
            //創(chuàng)建虛擬路徑存儲
            simplePath = req.getServletContext().getContextPath() + "/file/" + filename;
            // simplePath = filename;
            map.put("image", simplePath);
            file.transferTo(new File(dirPath + filename));
            map.put("code", 0);
            map.put("msg", "上傳成功");
        } catch (Exception e) {
            map.put("code", 1);
            map.put("msg", "上傳失敗");
            e.printStackTrace();
        }
        return map;
    }

數(shù)據(jù)庫存儲的圖片路徑

在這里插入圖片描述

一切都設(shè)置好了過后這時(shí)就需要對SpringBoot配置虛擬路徑來對圖片進(jìn)行訪問了
新建config 控制類在里面新建類方法WebMvcConfig來對圖片進(jìn)行虛擬路徑的配置
具體代碼

package com.book.libratyman.config;

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 WebMvcConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/file/**").addResourceLocations("file:D:/uploadLibrary/");
    }
}

addResourceHandler("/file/**")是我在項(xiàng)目中訪問圖片的路徑也就是數(shù)據(jù)里面的圖片存儲路徑，而addResourceLocations(“file:D:/uploadLibrary/”)則是我上傳圖片的真實(shí)路徑我上傳圖片的真實(shí)路徑是 **D:/uploadLibrary/**配置以后運(yùn)行項(xiàng)目便可以訪問項(xiàng)目圖片了。

在這里插入圖片描述