若依分离版上传文图片在不分离的Springboot的项目中回显模板引擎Beetl

最新推荐文章于 2024-05-09 09:48:24 发布

Gavin M

最新推荐文章于 2024-05-09 09:48:24 发布

阅读量197

点赞数

文章标签： spring boot 后端 java

Grvin M

本文链接：https://blog.csdn.net/weixin_45522160/article/details/134350389

版权

yaml

# 项目相关配置
beetl-web:
  # 名称
  name: Beetl
  # 版本
  version: 3.8.2
  # 版权年份
  copyrightYear: 2023
  # 实例演示开关
  demoEnabled: true
  # 文件路径 示例（ Windows配置D:/ruoyi/uploadPath，Linux配置 /home/ruoyi/uploadPath）
  profile: D:/beetl/uploadPath
  # 获取ip地址开关
  addressEnabled: false

配置类

package com.beetl.common.config;

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


/**
 * @author:myb
 * @description: 资源配置
 * @date:2023/11/9 17:41
 */

@Configuration
public class ResourcesConfig implements WebMvcConfigurer
{
    @Value("${beetl-web.profile}")
    private String filePath;
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry)
    {
        /** 通过url访问项目外的目录图片*/
        registry.addResourceHandler("/cert/**").addResourceLocations("file:/"+ filePath +"/");
    }

}

文件路径Utils

package com.beetl.common.utils.file;

/**
 * @author:myb
 * @description: 文件路径Utils
 * @date:2023/11/10 9:13
 */
public class FilePathUtils
{
    public static String ImageFilePath(String filePath){

        int profilePathIndex = filePath.indexOf("/profile/");

        String result = "";
        if (profilePathIndex != -1)
        {
             result = filePath.substring(profilePathIndex + "/profile/".length());
            if (!result.startsWith("/"))
            {
                result = "/cert/"+ result;
            }
        }

        return result;
    }
}

html

<div class="row w-100 mt-3">
     <div class="col ml-5 d-flex align-items-center pr-0">
           <div>
                <label style="font-size: .9rem;width: 8rem;text-align: right;"class="pl-1 my-2 mx-3">身份证人像页</label>
                <input type="file" id="person-card-front"  style="opacity: 0;width: .1rem"  name="cardFrontFile">
                 <div class="img d-inline" >
                      <img src="${nvl(personBaseInfo.userCertFront!,'/images/idcard_front.png')}" id="person-card-front-img" style="width: 16rem; height: 10rem;"alt="身份证头像页">
                </div>
           </div>

      </div>
</div>