本地托管网站的文件路径

Question

我正在学习如何用jQuery制作图片库。最终站点的图像文件路径如下所示。

<img src="images/gallery/refraction_thumbnail.jpg"/></a>

但是，当我在本地将其加载到chrome浏览器中进行测试时，图像不会显示，因为图像位于此文件路径中

file:///Users/name/Desktop/myGallery/images/gallery/refraction_thumbnail.jpg

有没有一种方便的方法可以让图像加载到我的本地浏览器上，而不需要手动更改所有的文件路径链接？

例如，我想如果我只是在“/”前面放一个图像，它可能会起作用，但它不起作用。

Answer 1

您真的应该在HTML中使用正确的路径。

但是，我可以看到您正在使用file协议，所以您只是在进行实验。在这种情况下，您可以拼凑出一些肮脏的jQuery代码来为您做这件事。

$('img').attr('src', function(index, src) {
    return 'file:///Users/name/Desktop/myGallery/' + src;
});

Answer 2

如果您的站点存储在file:///Users/name/Desktop/myGallery中，它应该可以工作。也许可以将src更改为./images/gal....添加./以查找当前目录。第二种选择是设置一个set服务器，例如apache，并从那里调用页面。我倾向于尽可能地在我的开发机器上镜像我的生产环境。

Answer 3

使用'/‘声明路径将转到根目录。除非您正在运行虚拟服务器，否则这将是您的硬盘驱动器的根目录(不是您想要的)。

我建议你从你的站点所在的文件夹中运行一个虚拟服务器，并在链接前加上'/‘。市面上有很多免费的、易于设置的虚拟服务器，适用于所有操作系统。:)

这样，当你上传到实际的服务器时，你就不需要更改任何链接了。