jQuery如何使用本地图像链接/文件路径来.Load()html文件?

时间:2019-02-23 05:56:45

标签: javascript jquery html

因此我的根文件夹中有一个index.html页面,我想将一个HTM文件加载到div中,该文件位于带有javascript jQuery.load()函数的子文件夹中。该htm文件在其自己的文件夹中具有对图像的图像引用,因此当我将其加载到div中时,图像链接断开并且没有图像显示。

例如:如果我的根文件夹名为“ root”,则我正在加载到div中的htm文件位于:“ root \ firstfolder”。并使用以下代码进行操作:

loadButtons[i].addEventListener("click", function() {
    $("loadDivID").load("root\firstfolder\page1");
});

该htm文件的行如下:

<img width=517 height=387 id="_x0000_i1025"
src="COMPLETE_files/image001.jpg"

但是,此图像在加载到div中并显示在索引页中时会损坏。我认为这是因为到此处图像的链接是本地文件路径,加载后显然会中断。

在不破坏图像链接的情况下实现此目标的最佳方法是什么?理想情况下,使用JQuery或常规javascript / HTML并保留本地文件路径。

谢谢。

0 个答案:

没有答案