web项目中图片引用的一些问题解决

最新推荐文章于 2019-11-06 15:57:57 发布
最新推荐文章于 2019-11-06 15:57:57 发布
阅读量4k 收藏
点赞数 2
分类专栏： JavaScript 文章标签： js 图片引用路径 eclipse src package html 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li_yang001/article/details/53537272
版权

一般我自己做的项目都是用eclipse写的，所以这次也限于eclipse平台，而且是初学，可能遇到的问题也比较低级，还希望大家多多指导，

1.一般我们是在webContent目录下创建一个images的文件夹来保存我们的图片素材，

2.webContent目录下的文件目录，我们称为一级目录，一级目录下的称为二级目录

3.如果你的需要引用图片的html文件正是在二级目录下的话，那么此时的代码为 src = ‘../../images/01.jpg’；

4.以此类推的话，你的html文件所在的那级目录，距离webcontent文件夹有几层，前面就添加几个 ../；

木子白羊座
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决SSM项目中图片无法及时回显的问题
林莫扬
05-17 1308
最近在做的项目中，有一个问题困扰了好久，就是图片上传成功了，但是无法及时回显，需要重新启动Tomcat服务器，该图片才能及时回显， first 我配置了如下虚拟路径 @Configuration public class ImagesUploadConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { r
web项目路径问题
大帅哥的博客
06-01 799
web项目路径问题1、servlet转发到jsp路径问题:2、jsp使用相对路径出现问题3、避免路径问题，使用绝对路径1、EL表达式2、使用basePath3、引入一个提供绝对路径的jsp资源文件 1、servlet转发到jsp路径问题: //跳转到seach.jsp request.getRequestDispatcher("/seach.jsp").forward(request,response); 当jsp页面在web下是子文件时是正确的：web > seach.jsp 但是当jsp页面
图片资源在项目中的使用
I大俊
01-12 1040
图片的使用 错误处理（很常用，实用） 从服务器获取的图片资料可以用onerror做错误处理 "javascript:this.src='images/home/monitor.png'" 设置最大宽度与最大高度，防止图片非等比缩放 .img { max-width: 100%; max-height: 100%; } 降低图片的大小 图片压缩，采用图片压缩工具，智图-...
Vue3.0在template、script、style中引用图片资源的方式
刘运召的博客
10-23 1万+
通过config.resolve.alias设置的别名在Vue的template模板和style样式内使用前面需加上~，在script脚本中则直接使用别名，不需加~；data中引用assets图片时，必须使用require('xxx')方式引用，否则会当字符串处理而无法显示图片
如何正确在jsp中插入图片
热门推荐
ScanQ的博客
01-27 6万+
最近初学Java Web遇到一个问题，就是在jsp中没法显示图片。 在网上搜索了许多内容，基本都是说路径问题，因为刚开始是凭着自己的一点半吊子html经验写的<img src="代码">，而且我自认为不可能写错路径，但后来发现确实是路径出现了一些问题。（由此可见不要过分相信自己的半吊子经验） 首先我们先要重新来认识下相对路径和绝对路径。 https://zhidao.baidu....
web项目报404一直找不到图片（路径绝对正确）
星辰海的专栏
03-29 2万+
今天碰到了一个问题，启动web项目，在某个jsp页面中放了一个img标签，但是图片死活显示不出来，一直报404。我对天发誓路径绝对是正确的。弄了好久，终于找出问题所在了，在sping-mvc.xml配置文件中少写了一行代码。“&lt;mvc:default-servlet-handler /&gt;”行代码少写了。有 了&lt;mvc:default-servlet-handler/&gt;  s...
Web程序设计的平时作业——Web经典项目，小白必看
09-20
7. **实践与调试**：通过分析和修改这些源码，你可以提高问题解决和调试技能，这对于任何Web开发者来说都是极其重要的。 总的来说，这个压缩包提供的项目是学习Web开发的宝贵资源，它将理论知识与实践结合，对于...
完美解决webpack打包css背景图片路径问题
11-20
这样，当项目启动时，背景图片可以正常显示，因为Webpack处理了CSS中的URL引用。 为了将CSS提取到单独的文件，我们可以使用`MiniCssExtractPlugin`。配置如下： ```javascript { test: /\.(css|less)$/, exclude:...
解决idea web 配置相对路径问题
08-27
在解决Idea中Web项目的相对路径问题时，关键在于正确配置“Project Structure”中的“Web Resource Directory”，确保所有静态资源的引用基于此目录。同时，理解HTML文件中的相对路径规则也非常重要，这有助于正确...
javaweb中为什么上传的图片我在项目里面建文件夹里面找不到原因
weixin_43965878的博客
11-03 2641
当项目中出现类似这种加载不出来图片的时候，图片上传了，但是再一次加载项目时缺不见了 当箭头指向use tomcat这一行时，你上传的图片会保存在你tomcat的路径下，而不是你的 项目中，所以每次再次运行程序时，老是会出现图片加载不出来的现象。 不信的话你可是试试把你引用图片的路径打印出来，看一看是不是在tomcat下保存的路径 当选择红色箭头指向的这个use workspace这个...
web项目图片处理
m1234ilu的博客
12-05 1743
1、增加tomcat中server.xml配置 2、数据库存放图片路径 3、页面显示 http://localhost:8080/image-server/image/2018-11-30/2018-11-30_1543563709224.png  
MyEclipse中创建WEB工程，运用<img>标签显示图片等，但无法显示问题
想法驱动实践！
12-19 7214
首先，客户端浏览器访问jsp页面的时候，解析图片路径后是在服务器的tomcat的工程下面去寻找，在MyEclipse中是在WebRoot线面去找
使用 img标签引用项目外的 绝对路径的 图片
好久不见
08-31 1万+
这里有2中方式 1.使用tomcat文件夹下的conf里面的server.xml里面的host标签下 添加一个 <Context path="/file" docBase="E:\test" debug="0" reloadable="true"/>然后在 img 的src= “ /file/red.png” 就是引用了 E:\test\red.png图片2.使用io流的方式 显
Web 图片引用之相对路径与绝对路径
桌子LZT的博客
11-06 7866
欢迎来我的博客查看原文。 相对路径与绝对路径，在 Web 开发中我们会经常遇到，本文将尽可能详细的讲解相对路径与绝对路径的区别，并举例说明。 一、基本概念 相对路径（Relative Path）： 相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。也就是指相对于当前位置的路径。 绝对路径（Absolute Path）： 绝对路径是指目录下的绝对位置，直接到达目标位置...
web项目引用WEB-INF下面的图片例子
梦想起飞的地方.........
03-04 1万+
jsp页面在 WebRoot\WEB-INF\jsp\foreground\login\newlogin.jsp 在此页面引用 WebRoot\WEB-INF\images\common\下面的图片文件 例子： 即：
vue-cil与webpack本地静态图片路径解决策略
确保CSS中的图片引用使用`url()`语法，并正确设置`publicPath`，以便打包后的资源能够被正确解析和加载。 解决Vue CLI和Webpack中本地静态图片路径问题的关键在于组织好文件结构，合理配置路径处理机制，并针对CSS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值