[英]Background image not displaying in server
我正在尝试在服务器中托管一个Web应用程序,但问题是当我在localhost中运行应用程序时,背景图像正在显示但是当我在服务器上托管它时特别是背景图像没有加载请关于此的帮助
这是代码
<!DOCTYPE html> <html> <head> <style> body,h1 {font-family: "Raleway", sans-serif} body, html {height: 100%} .bgimg { background-image: url('~/img/smpl4.jpg'); min-height: 100%; background-position: center; background-size: cover; } </style> </head> <body class=" bgimg" > </body> </html>
我怎么能解决这个问题?
我可以从gridview按钮获取图像
<asp:ImageButton ID="imgbtnEdit" style="margin-left:5px" runat="server" ToolTip="Edit" CommandName="Edit" ImageUrl="~/img/edit.png" Height="32px" Width="32px"/>
这里的图像完全加载它无法加载背景图像。
当我检查页面时它会像这样来
无法加载资源:服务器响应状态为404(未找到)
您不能在客户端代码中使用根路径运算符~
,该代码仅适用于.NET运行的代码。 <ImageButton ImageUrl= "~/img/edit.png" />
有效,因为它正在运行服务器端。
更改为绝对路径或没有根元素的相对路径。 类似于../img/smpl4.jpg
。 根据您的服务器设置,您也可以通过/img/smpl4.jpg
访问。
听起来你需要弄清楚正确的URL应该是什么,并通过手动将其输入浏览器来加载它。 在Chrome中,右键单击其中一个图像(一个正确显示),然后单击“检查元素”。 在chrome dev工具中,您将看到图像的完整URL。 使用工作URL作为如何访问其他图像的示例。
要在服务器上显示图像,您应该在转到图像所在目录后将图像权限更改为755。
chmod -R 755 smpl4.jpg
也许检查你的文件名(fontCase)? smpl4.jpg? smpl4.JPG?
:)
确保图像的扩展名与代码匹配。 上传的图片扩展名必须是smpl4.jpg而不是smpl4.JPG
这不会影响本地,但在服务器端,图像将不可见。 检查图像的扩展名并将其更改为小写,就像在代码smpl4.jpg上一样。 上传该图片并检查。
{我不能写评论所以我复制了suhas回复评论}
是的,我设置路径sample.net/sample/img/smpl4.jpg它的工作正常,但我的疑问是,是什么区别/img/smpl4.jpg因为它从服务器目录加载和从互联网上加载它会影响安全性我初学者的页面请解释 - Suhas
说明:
当你指向根目录时,你已经设置了'〜/'或'/'。 在您的情况下,您的根目录是'sample.net'(可能)。 假设你将根目录设置为'sample.net'然后你可以使用'/sample/img/smpl4.jpg'(冒号(')之后的第一个斜杠(/)考虑从根目录的路径)。
或者可能是错误的道路? 是这样写在index.html吗?
workspace/
workspace/img/smpl4.jpg
workspace/css/style.css
workspace/index.html
如果在index.html中
写url('img/smpl4.jpg')
如果在style.css中
写url('../img/smpl4.jpg')
我正在使用图像的直接网址 ,现在它的工作正常,它通过http网址直接加载图像
background-image: url('http://www.sample.com/sample/img/smpl4.jpg');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.