案例说明:数据库可以存储图片,但是相当耗费内存,怎么办呢?在数据库中存储图片的相对路径,访问资源时使用相对路径访问。

两种方法

1:图片存储在项目内,使用相对路径访问,该方法使用简单,但是,这样会造成项目体积急剧增大,可移植性变差,也不安全。

2:图片存储在单独的容量大的外存,使用绝对路径读取图片。

当启动一个部署在Tomcat的Web项目时,可以访使用相对路径或者绝对路径访问到项目内的资源;

但是当你想要访问本地资源时,你该怎么做?那就是设置Tomcat的虚拟路径。

方法一:

Tomcat的配置文件server.xml的<Host></Host>节点内添加如下配置

<Context docBase="D:\aaa\bbb" path="/resources" reloadable="true"/>

注:docBase="D:\aaa\bbb"是文件存放的物理地址,path="/resource" 是虚拟路径

若从数据库中读取的路径为 "\resources\ccc\ddd",经过docBase转换后实际访问地址为 "D:\aaa\bbb\ccc\ddd",即将虚拟路径用实际物理地址替换

IDEA在tomcat的设置中勾选deplo...

方法二:

在IDEA的tomcat设置中取消勾选方法一的deplo...选项

在deploment设置中添加实际物理路径和虚拟路径

两种方法任选其一即可在前端访问本地图片。

方法一弊端:无论什么时候运行,tomcat都会替换掉你使用的虚拟路径

方法二弊端:离开IDEA又无法正常访问图片了

转载于:https://www.cnblogs.com/GG-Bond/p/11405953.html

前端访问不到本地图片,IDEA设置Tomcat虚拟路径相关推荐

  1. SpringBoot设置文件虚拟路径映射

    前言 我们在写SpringBoot项目的时候,很大几率会遇到文件上传与下载功能. 我们一般访问服务器的资源都是resources下的公开资源,配置文件中一般会指定到类路径下的static文件夹下:sp ...

  2. android底部导航栏网络请求有冲突,Android 自定义底部导航栏 CustomizeTabLayout(支持访问网络图片、本地图片)...

    先看效果 网络图片(使用第三方库Glide加载图片) GIF1.gif 本地图片 GIF2.gif 使用方法 xml(布局可关联鸿洋大神的AutoLinearLayout可完美适配) activity ...

  3. springboot+thymeleaf访问绝对路径图片、springboot配置虚拟路径

    springboot项目默认的资源放在static文件夹下面,如图片.样式.js等等(当然也可以通过放在resources.META-INF等文件夹下面,不过有时候也需要配置一下),但是如果我们的图片 ...

  4. android设置本地图片,Android设置头像,手机拍照或从本地相册选取图片作为头像...

     [Android设置头像,手机拍照或从本地相册选取图片作为头像] 像微信.QQ.微博等社交类的APP,通常都有设置头像的功能,设置头像通常有两种方式: 1,让用户通过选择本地相册之类的图片库中已 ...

  5. 如何设置tomcat虚拟主机

    一.原理介绍 我们在访问tomcat主页的时候,在没有更改任何配置文件的时候,只要启动tomcat后,通过访问http://localhost:8080/,我们就可以直接进入tomcat主页了. 1. ...

  6. IDEA设置虚拟路径 - 解决前端展示本地磁盘图片问题

    Windows系统下,使用idea开发项目时,遇到了一个问题! 问题:将数据库中存储的图片查询出来,并在前端进行展示,但显示失败!! 这是图片在本地磁盘中的存储地址 这是数据库中存储的图片地址(相对地 ...

  7. spring boot配置虚拟路径(替代docBase配置)访问本地图片

    以前使用SSM框架开发web项目时,访问本地磁盘图片的虚拟路径可以在Tomcat的service.xml文件中进行配置,具体可看我的另一篇文章:IDEA设置虚拟路径,解决前端展示本地磁盘图片问题!

  8. 将摄像头拍摄图像或者本地图片设置为头像的方法

    一:效果图 效果描述:点击相框,将手机摄像头拍摄的图片或者本地图片设置为我们定义的头像 功能控件:UIImageView , UIAlertController , UITapGestureRecog ...

  9. 富文本框TinyMCE4.8上传本地图片基本配置(前端篇)

    最近使用了一下TinyMCE富文本框,感觉是非常不错的一款,配置简单,界面优美,完全免费...推荐大家使用. 官方文档也比较容易阅读,大家有兴趣的可以自己去看看https://www.tiny.clo ...

最新文章

  1. Swift 数字字符串格式化
  2. 鸟哥的Linux私房菜基础学习篇(第二版)第十二章课后习题与答案
  3. 架构设计文章读后感7
  4. 反射中Class.forName()和ClassLoader.loadClass()的区别
  5. SAP CRM,C4C和Hybris的页面技术明细信息查看
  6. 前端学习(1399):多人管理19项目拦截器
  7. 从入门到深入Fiddler 2 (二)
  8. 超简单的mysql多实例布置
  9. RAC 之 RMAN 备份
  10. 如何将分表汇总到总表_总表输入数据,自动拆分到分表,你会吗?
  11. pagePiling.js - 创建美丽的全屏滚动效果
  12. Flex in a Week系列视频教程中文版发布
  13. 2018蓝桥模拟赛(一) 数独(dfs)
  14. 针织布横条疵点解决方案
  15. 华为Mate 20X电路图纸
  16. 5.项目上线流程管理规范
  17. 举个栗子!Tableau技巧(61):学做三个集合的维恩图(文氏图)Venn diagram
  18. python俄罗斯方块小游戏实验报告_用Python实现童年小游戏俄罗斯方块
  19. oracle单列转行,oracle 两种列转行的方式
  20. DROP和DELETE的区别

热门文章

  1. Win10 清除 PowerShell 历史记录
  2. 10道不得不会的 Redis 面试题
  3. U盘里的文件变成快捷键的解决方法
  4. 双网卡共享4G网络上网
  5. perl mysql 数据推拉_科学网—从MySQL数据库中提取序列并进行引物设计的perl脚本 - 闫双勇的博文...
  6. vue 将地址转换为二维码
  7. sundancest201驱动_Toshiba Sundance ST201 based PCI Fast Ethernet Adapter 驱动程序下载——更新 Toshiba 软件...
  8. 浅谈一个完整网站配色方案设计大法3实战篇
  9. 联想笔记本打开野兽模式
  10. position:absolute与position:relative的区别