破碎的图像和服务器上的Javascript。仅在本地工作

时间:2016-01-21 18:18:06

标签: javascript html

我知道这与文件路径有关,但我不知道还能做什么。 我试过了

<script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="~/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

我最初是在Dreamweaver中创建的,但现在不再使用它了。这可能与它有关吗? 我之前在远程服务器上使用过相同的代码,但它确实有效。

<!DOCTYPE html> 
<html>
<head>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel="shortcut icon" href="imagesSRP/photo.ico" type="image/x-icon" />
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body>
<style type="text/css">
a:link {
color: #000;
}
a:hover {
color: #0FF;
}
</style>
<title>Stephanie Rodriguez Photography</title>
<p align="center"><a href="index.html"><img src="imagesSRP/srp4.png" width="500" height="112" alt="Home" /></a></p>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Gallery</a>
<ul>
  <li><a href="#">Families</a></li>
  <li><a href="#">Children</a></li>
  <li><a href="#">Film</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p>&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center"><img src="imagesSRP/film2.jpg" width="800" height="520"></p>
<p align="center">&nbsp;</p>
<p align="center"><a href="https://www.facebook.com/StephanieRodriguezPhotography?fref=ts" target="_blank"><img src="imagesSRP/social_01.png" width="45" height="45" alt="Facebook"></a> 
<a href="https://instagram.com/srodriguezphotography/" target="_blank"><img src="imagesSRP/social_04.png" width="45" height="45" alt="Instagram"></a>
<a href="mailto:stephanie@tampafinancials.com"><img src="imagesSRP/social_46.png" width="45" height="45" alt="Email"></a>
<a href="tel:813-453-9723"><img src="imagesSRP/social_47.png" width="45" height="45" alt="Phone"></a></p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

好的,所以在仔细审查了网站上的信息之后,我们得出的结论是网站路径与本地路径不同。基本上,FileZilla将图像存储到与本地路径不同的路径中。

如果您在本地计算机上的路径为images/imagename.jpg,请记住确认数据库正在将图像存储在images/imagename.jpg中。它必须完全匹配,否则,这些问题就会发生。另外,你是对的,你总是希望坚持使用相对路径,尽可能不做绝对路径,因为如果你改变你的域名,你必须经历每一个使用域名的链接。并更新它们。

执行此操作:images/imagename.jpg 不要这样做:www.domainname.com/imagename.jpg

当我建议尝试时,我指的是尝试将其用于故障排除,如果您无法访问它,这将意味着数据库中存在问题,如果您可以访问它,那么问题出在路径名称。