本地托管站点的文件路径

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 ....添加./来查找当前目录。第二种方法是设置一个web服务器，例如apache，然后从那里调用页面。我倾向于尝试尽可能地在我的开发机器上镜像我的生产环境。

Answer 3

用＆＃39; /＆＃39;陈述路径将转到根目录。除非您正在运行虚拟服务器，否则这将是您的硬盘驱动器的根目录（而不是您想要的）。

我建议您从网站所在的文件夹中运行虚拟服务器，并在＆＃39; /＆＃39;之前添加链接。所有操作系统都有大量免费易于安装的虚拟服务器。 ：）

这样，当您上传到实际服务器时，您不必更改任何链接。