用 javascript 更改 img src答案

【问题标题】：Change img src with javascript用 javascript 更改 img src
【发布时间】：2016-09-11 14:57:58
【问题描述】：

大家好，我需要帮助

我正在尝试更改图像标签的 src，但是当使用我的代码更改它时，它会将 word 文件添加到我的字符串的开头。最终结果是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);
}

提前致谢

【问题讨论】：

你想做什么？
@CharlieFish 我的 HTML 中有一些 img 标签我想更改这些 img 标签的 src 属性。在我的代码的第 7 行中，它获取当前 src 值并将其替换为 finalPath 数组的值。但是当我试图提醒他检查它的价值时。它不仅显示“C:/xampp/tomcat/webapps/...”，还显示“file:///C:/xampp/tomcat/webapps/...”
你的问题仍然没有意义。你想做什么。原始状态是什么？你想如何改变原来的状态？
它应该在文件前面显示file:///，这是从文件系统访问的文件的URI方案。问题是，您这样做是为了测试还是计划在最终产品中以这种方式使用这些文件？因为那不是一个好主意
@CharlieFish 原来的img src是localhost:8080/Javabridge/sessionChartImage/1.jpg我想改成C:/xampp/tomcat/webapps/Javabridge/sessionChartImage/1.jpg

标签： javascript image src

【解决方案1】：

对于文件管理器，物理路径是C:/xampp/....，但浏览器不能直接使用它。因此，这是一个默认操作，您不能覆盖它。尝试使用浏览器打开文件并查看 url .. 你会发现 file:/// 附加在路径之前。

当您将此路径更改为 url.. 时，file:/// 将不会出现。

一种快速的解决方法是使用服务器并使用服务器加载文件。您可以使用 apache（Xampp、Wamp）或 Node（Gulp 任务）轻松设置服务器

【讨论】：

哦，好吧。谢谢。我只是试图更改 src 属性，因为我试图使用我的本地发送电子邮件。但是当我检查电子邮件时，图像已损坏。所以我想我可以更改 src 属性以使其显示。
偏离路线，图像将被破坏。代码只能在您的系统中以C:/xampp/tomcat/webapps 工作，因为此路径是您系统的本地路径，并且图像仅存在于您的系统中。在接收者的电脑中.. 图像不在C:/xampp/tomcat/webapps 中.. 将图像托管在 imgur、tinypic 之类的地方，并在邮件模板中使用该 url。
我尝试使用 PHPMailer 函数 AddEmbeddedImage 并使用 C:/xampp/tomcat/webapps 向自己发送了一封试用电子邮件，它成功了
是的，因为您收到的邮件仅在您的系统中。在其他系统中将无法正常工作。C:/xampp/tomcat/webapps 此路径仅包含您系统的图像。