Javascript 服务器中未显示背景图像_Javascript_Html_Css_Asp.net_Image

Javascript 服务器中未显示背景图像

javascript html css asp.net image

Javascript 服务器中未显示背景图像,javascript,html,css,asp.net,image,Javascript,Html,Css,Asp.net,Image,我试图在服务器上托管一个web应用程序，但问题是当我在本地主机上运行应用程序时，背景图像正在显示，但当我在服务器上托管它时，背景图像根本没有加载，请对此提供帮助这是密码正文，h1{字体系列：“Raleway”，无衬线} 正文，html{height:100%} .bgimg{ 背景图片：url（'~/img/smpl4.jpg'）；最小高度：100%；背景位置：中心；背景尺寸：封面； } 在客户端代码中不能使用根路径操作符~，该操作符仅适用于.NET运行的代码之所以有效，是因为它是

我试图在服务器上托管一个web应用程序，但问题是当我在本地主机上运行应用程序时，背景图像正在显示，但当我在服务器上托管它时，背景图像根本没有加载，请对此提供帮助
这是密码

正文，h1{字体系列：“Raleway”，无衬线} 正文，html{height:100%} .bgimg{ 背景图片：url（'~/img/smpl4.jpg'）；最小高度：100%；背景位置：中心；背景尺寸：封面； }
在客户端代码中不能使用根路径操作符
~
，该操作符仅适用于.NET运行的代码<代码>之所以有效，是因为它是在服务器端运行的
更改为绝对路径或不带根元素的相对路径。类似于
。/img/smpl4.jpg
。根据您的服务器设置，您也可以通过
/img/smpl4.jpg
访问

听起来你需要弄清楚正确的URL应该是什么，然后通过在浏览器中手动输入来加载它。在Chrome中，右键单击其中一个图像（正确显示的图像），然后单击Inspect Element。在chrome开发工具中，您将看到图像的完整URL。使用工作URL作为如何访问其他映像的示例。
在客户端代码中不能使用根路径操作符
~
，该操作符仅适用于.NET运行的代码<代码>之所以有效，是因为它是在服务器端运行的
更改为绝对路径或不带根元素的相对路径。类似于
。/img/smpl4.jpg
。根据您的服务器设置，您也可以通过
/img/smpl4.jpg
访问

听起来你需要弄清楚正确的URL应该是什么，然后通过在浏览器中手动输入来加载它。在Chrome中，右键单击其中一个图像（正确显示的图像），然后单击Inspect Element。在chrome开发工具中，您将看到图像的完整URL。使用工作URL作为如何访问其他映像的示例。
要在服务器上显示映像，在转到映像所在的目录后，应将映像的权限更改为755

chmod -R 755 smpl4.jpg

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

chmod -R 755 smpl4.jpg
也许可以检查你的文件名（fontCase）？ smpl4.jpg？ smpl4.JPG
：）
也许可以检查你的文件名（fontCase）？ smpl4.jpg？ smpl4.JPG

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

这不会影响本地，但在服务器端，映像将不可见。检查图像的扩展名，并将其更改为小写，就像您的代码smpl4.jpg一样。上载该图像并进行检查。
确保图像的扩展名与代码匹配。上传的图像扩展必须是smpl4.jpg而不是smpl4.jpg

这不会影响本地，但在服务器端，映像将不可见。检查图像的扩展名，并将其更改为小写，就像您的代码smpl4.jpg一样。上传该图像并检查。
{p>{我不能写评论，所以我复制了suhas回复评论}
是的，我设置了sample.net/sample/img/smpl4.jpg路径，它工作得很好，但我的疑问是，/img/smpl4.jpg之间有什么区别吗，因为它是从服务器目录加载的，而这是从internet加载的，它会影响页面的安全性吗？我是初学者，请解释一下–Suhas
说明：
当您指向根目录时，您已经设置了“~/”或“/”。在你的如果您的根目录是“sample.net”（可能）。假设您将根目录设置为“Stase.NET”，那么可以使用'/Stimult/img/SpPL4.jpg（第一个斜杠（/）在冒号（'）考虑根目录下的路径）。
{我不能写评论，所以我复制了suhas响应评论}
是的，我设置了sample.net/sample/img/smpl4.jpg路径，它工作得很好，但我的疑问是，/img/smpl4.jpg之间有什么区别吗，因为它是从服务器目录加载的，而这是从internet加载的，它会影响页面的安全性吗？我是初学者，请解释一下–Suhas
说明：
当您指向根目录时，您已经设置了“~/”或“/”。在你的如果您的根目录是“sample.net”（可能）。假设您将根目录设置为“Stase.NET”，那么可以使用'/Stimult/img/SpPL4.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'）
或者可能是错误的路径？它是这样写在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'）
我正在使用图像的直接url，现在它工作正常，它通过http url直接加载图像

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

我正在使用图像的directurl，现在它工作正常，它通过httpurl直接加载图像

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

你是否将该图像上传到服务器上？你的文件夹结构是否相同？@MandarSant是的，我已将图像上传到服务器上可能是path@Suhas因为您引用的路径无效。尝试使用开发工具放置硬编码路径（按F12键并手动设置路径），然后检查发生了什么？此外，您还可以查看dev tools中是否出现任何错误您是否要在服务器上上载该映像？您的文件夹结构是否相同？@MandarSant是的，我已将映像上载到服务器它可能是path@Suhas因为您引用的路径无效。尝试使用开发工具（按F12键并手动设置路径）和c放置硬编码路径