【牛腩新闻】——首页图片加载不出来

小编参加完软考接着敲牛腩，发现之前敲得页面加载不出来图片，真是奇怪了，于是开始了探索之路，开始我的图片路径是这样的：

加载出来的页面是这样的：

于是在网上查找资料，发现楠哥的博客里有这个问题，这才知道是路径问题，看见楠哥修改为这个样子：http：//localhost:51733/admin/images/niunanlogo.jpg 我也是照葫芦画瓢，但是还是不成功，于是找救兵，救兵对这个问题不太确定，回去找方法了，我又找了另外一个救兵，这位很厉害，一上来马上就知道是路径问题，然后修改了几个代码就OK了，我的那个佩服啊！

其实我的代码和正确代码就差一个单词，因为楠哥存放项目的文件夹admin和images文件夹，这两个是平行的。但是图片显示是存放在admin文件夹里面，于是我也把两个并行文件夹写一块，导致了错误。

我突然想到模板方法，依葫芦画瓢也要灵活，不能没有自己的思考，和容易走火入魔的。

故事还没完，我的第一个救兵也回来了，带我科普了一下路径问题，我也和大家分享一下。

路径设置一般有这些，你有弄混过吗？

“~/ 、./ 、../ 、 / 、http://www.cnblogs.com/

下面举一个小例子，帮助大家理解

比如你的工程是Webapplication1(url是:http://localhost/webapplication1/webform1.aspx)

1、Request.ApplicationPath就是/Webapplication1（昨天师哥还讲了request，今天就遇到了，真是高兴啊!）

2、如果是站点就直接返回”/”;

3、~/ 可以用在需要设置路径的控件比如:imagebutton,image等以及链接ascx文件,配置文件. （这个很少遇到，以后再深挖）

4、../ 的好处是可以不知道文件夹的名字知道层次结构就可以了（我的牛腩用的就是这个，好处是以后我发布网站，图片加载很容易）

5、/ 的好处是针对根路径,如果本地目录和服务器目录一致,那直接用/就可以保证路径正确,这种情况很少.

6、

1）Request.ApplicationPath注意如果没有虚拟目录就直接返回/,那你程序里面就不要设置/

比如 Request.ApplicationPath+”/images/a.gif” 如果是站点就是等于 “//images/a.gif”,错误的

2）如果有虚拟目录就是 “Webapplication1/images/a.gif” 没有/的 Request.ApplicationPath发挥虚拟目录名称,如果是站点就返回/

注意：

~/ 类似,不过只用服务端的空间可以识别;

/ 针对目录

./ 当前目录

详解：

比如你的工程是Webapplication1(url是:http://localhost/webapplication1/webform1.aspx)

Request.ApplicationPath 就是Webapplication1/

~/ 也是Webapplication1/

/就是http://localhost/

【牛腩新闻】——首页图片加载不出来相关推荐

歪门邪道之解决首屏图片加载闪烁问题
前情描述: 最近接到一个首页图片加载优化的任务,图片是展示在首页RecyclerView中.问题现象是即使有缓存,图片的展示还是会肉眼可见的跳变,没法做到一打开首页,图片就展示在那. 问题定位: Re ...
不一样的图片加载方式
在浏览网页的过程中,图片最容易吸引用户的注意力,它即能给用户直观感受,又能清晰地表达意图,所以在制作网页时,如何快速有效地加载图片资源显得尤为重要. 常见的图片加载方式一般而言,最常见的图片加载方式 ...
[vue] vue如何优化首页的加载速度？
[vue] vue如何优化首页的加载速度? 补充下2楼: ssr直出, webpack压缩HTML/CSS/JS, 首屏css单独提取内联, 关键资源Proload, 图片:不缩放,使用webp.小图 ...
html实现图片加载动画效果,HTML5+javascript实现图片加载进度动画效果
在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个. 图片加载完后,隐藏loading效果. 想看加载效果,请ctrel+F5强制刷新或者清理缓存. 效果预览: 0% 代码如下: ...
服务器图片加载慢_页面提高性能利器_懒加载
哈喽,艾瑞巴蒂,现在搜狗商城产品需求已经趋于稳定,已经开始逐步的着手进行页面的性能提升工作.这不最近小编正在进行"页面懒加载需求"的功能测试.小编第一次听说这个名词,让我们一起了解 ...
图片加载用Fresco，网络请求用OKhttp+Retrofit实现
--------------清单文件------------------- AndroidManifest <manifest xmlns:android="http://schema ...
Android图片加载框架最全解析（五）
由此我们可以得知,在没有明确指定的情况下,ImageView默认的scaleType是FIT_CENTER. 有了这个前提条件,我们就可以继续去分析Glide的源码了.当然,本文中的源码还是建在第二篇 ...
智能管家App kotlin版(7)——美女图片加载
前言:有新闻了怎么能少得了美女,我们使用Gank的接口实现一个美女列表,封装我们的图片加载库Picasso,使用起来更加的方便,很值得期待!!! 此篇文章完成后效果展示: 1.编写xml交互代码: ...
lazyload.css,图片加载优化及图片lazyload自适应 - 轩枫阁
前言本文介绍针对轩枫阁V3主题开发过程中,遇到的图片问题及加载优化. 图片居中裁剪本站的每一篇文章,都会配一张570×200的特色图像,使文章不那么单调. 然而移动端移动端首页图片为60×60的正 ...

【牛腩新闻】——首页图片加载不出来

【牛腩新闻】——首页图片加载不出来相关推荐

最新文章

热门文章