Question

我试图在服务器中托管Web应用程序，但问题是当我在 localhost 中运行应用程序时，后台图像正在显示但是当我在服务器<上托管它时/ strong>特别是背景图片根本没有加载请关于此

的帮助
这是代码

＆＃13;
＆＃13;
<!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>
＆＃13;
＆＃13;
＆＃13;

我该如何解决这个问题？

我能够从gridview按钮
获取图像
<asp:ImageButton ID="imgbtnEdit" style="margin-left:5px" runat="server" ToolTip="Edit" CommandName="Edit" ImageUrl="~/img/edit.png" Height="32px" Width="32px"/>

这里的图像完全加载它无法加载背景图像。

当我检查页面时，它就像这样来了

无法加载资源：服务器响应状态为404（未找到）

Answer 1

您不能在客户端代码中使用根路径运算符false，该代码仅适用于.NET运行的代码。 ~有效，因为它正在服务器端运行。

更改为绝对路径或没有根元素的相对路径。像<ImageButton ImageUrl= "~/img/edit.png" />这样的东西。根据您的服务器设置，您也可以通过../img/smpl4.jpg进行访问。

听起来你需要弄清楚正确的URL应该是什么，并通过手动将其输入浏览器来加载它。在Chrome中，右键单击其中一个图像（一个正确显示），然后单击“检查元素”。在chrome dev工具中，您将看到图像的完整URL。使用工作URL作为如何访问其他图像的示例。

Answer 2

要在服务器上显示图像，您应该在转到图像所在目录后将图像权限更改为755.

chmod -R 755 smpl4.jpg

Answer 3

也许检查你的文件名（fontCase）？ smpl4.jpg？ smpl4.JPG？

：）

Answer 4

确保图像的扩展名与代码匹配。上传的图片扩展名必须是smpl4.jpg而不是smpl4.JPG

这不会影响本地，但在服务器端，图像将不可见。检查图像的扩展名并将其更改为小写，就像在代码smpl4.jpg上一样。上传该图片并进行检查。

Answer 5

{我不能写评论所以我复制了suhas回复评论}

是的，我设置路径sample.net/sample/img/smpl4.jpg它的工作正常，但我的疑问是，/ img / plug1.jpg之间是否有任何区别，因为它从服务器目录加载并且从Internet加载它影响页面的安全性我是初学者请解释 - Suhas

说明：

当你指向根目录时，你已经设置了'〜/'或'/'。在你的你的根目录是'sample.net'（可能）。假设你将根目录设置为'sample.net'然后你可以使用'/sample/img/smpl4.jpg'（冒号（'）之后的第一个斜杠（/）考虑从根目录开始的路径。）

Answer 6

或者可能是错路？它是否像index这样写在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')

Answer 7

我正在使用图片的直接网址，现在它正常工作，直接加载图片通过 http url

background-image: url('http://www.sample.com/sample/img/smpl4.jpg');

背景图像不显示在服务器中

7 个答案: