1

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

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

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

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

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

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

4

3 回答 3

2

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

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

$('img').attr('src', function(index, src) {
    return 'file:///Users/name/Desktop/myGallery/' + src;
});
于 2011-05-20T02:45:13.463 回答
0

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

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

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

于 2014-05-26T13:15:34.800 回答
0

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

于 2011-05-20T02:46:09.747 回答