本地托管站点的文件路径答案

【问题标题】：file paths for locally hosted site本地托管站点的文件路径
【发布时间】：2011-05-20 02:41:10
【问题描述】：

我正在学习如何使用 jQuery 制作图片库。最终站点的图像文件路径是这样的。

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

但是当我在我的 chrome 浏览器中本地加载它进行测试时，图像没有显示，因为图像位于此文件路径

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

有没有一种方便的方法可以在不手动更改所有文件路径链接的情况下将图像加载到我的本地浏览器上？

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

【问题讨论】：

您的 HTML 文件相对于 images 文件夹在哪里？如果它与images 文件夹位于同一文件夹中，则您的代码应该可以工作。顺便说一下，在images 前面放一个/ 使它转到C:\ 。

标签： jquery html css google-chrome imagesource

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

使用“/”表示路径将转到根目录。除非您运行的是虚拟服务器，否则这将是您硬盘的根目录（不是您想要的）。

我建议您从站点所在的文件夹中运行虚拟服务器，并在链接前添加“/”。有很多免费的易于设置的虚拟服务器适用于所有操作系统。 :)

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

【讨论】：