Jquery 本地托管站点的文件路径

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

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

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

---

例如，我想如果我只是在“图像”前面放一个

/

，它可能会起作用，但不会

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

但是，我可以看到您正在使用

文件

协议，所以您只是在试验。在这种情况下，您可以编写一些肮脏的jQuery代码来为您完成它

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

---

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

声明带有“/”的路径将转到根目录。除非您运行的是虚拟服务器，否则这将是硬盘的根目录（而不是您想要的）

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

---

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

相对于

images

文件夹，您的HTML文件在哪里？如果它与

images

文件夹在同一个文件夹中，您的代码应该可以工作。在

/

图像前面放置

//code>可以让它转到
C:\
。
$('img').attr('src', function(index, src) {
    return 'file:///Users/name/Desktop/myGallery/' + src;
});