使用JavaScript更改img src

Question

嗨，我需要一些幫助

我試圖更改圖像標簽的src，但是當使用我的代碼更改它時，它將單詞文件添加到我的字符串的開頭。 最終結果是file:///C:/xampp/....而不只是C:/xampp/....

這是我的代碼

for(var i = 0; i < images.length; i++) {
        alert(images[i].src);
        srcList.push(images[i].src);
        var index = srcList[i].search("JavaBridge");
        tempPath.push(srcList[i].slice(index-1, srcList[i].length));
        finalPath.push("C:/xampp/tomcat/webapps"+tempPath[i]);
        document.getElementById(images[i].id).src = " "+finalPath[i];
        alert(images[i].src);
}

提前致謝

Answer 1

對於文件管理器，物理路徑為C:/xampp/....但瀏覽器無法直接使用該路徑。 因此，這是默認操作，您無法覆蓋它。 嘗試使用瀏覽器打開文件，然后查看URL ..您會在路徑之前找到file:/// 。

當您將此路徑更改為url ..時， file:///將不會出現。

一種快速的解決方法是使用服務器並使用服務器加載文件。您可以使用apache（Xampp，Wamp）或Node（Gulp Task）輕松設置服務器。