因此我的根文件夹中有一个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并保留本地文件路径。
谢谢。