使用Javascript覆盖图像文件[关闭]答案

【问题标题】：Overwrite an image file using Javascript [closed]使用Javascript覆盖图像文件[关闭]
【发布时间】：2015-12-19 10:13:01
【问题描述】：

有没有办法使用 javascript 覆盖我网站中已经存在的图像...如果是，是什么方法以及教程的链接？

【问题讨论】：

你能解释一下你想要完成什么吗？
你想改变图片的src吗？如果是，则比document.getElementById('myImageId').src = 'new-image.png'
@Grievoushead 没有使用 jQuery 的建议。很好地作为评论发布，因为仅供参考，如果您发布 jQuery 对 Javascript 问题的答案，您经常会被否决。
安德鲁你能澄清一下你是想在网页上还是在服务器上这样做？

标签： javascript image overwrite

【解决方案1】：

您不能仅使用 javascript 来执行此操作 - 您需要在服务器上安装一些东西来实际处理图像的保存。如果要覆盖图像，只需在保存时提供相同的文件名并应用适当的权限即可。

有很多资源可用于文件/图像上传，例如：

https://joelvardy.com/writing/javascript-image-upload
https://css-tricks.com/ajax-image-uploading/

适合您的解决方案取决于您的服务器上可用的内容。

【讨论】：

如果没有unlink()，文件名相同可以覆盖吗？

【解决方案2】：

这是Js中的代码示例：

<script language="javascript">
function ChangeImageSrc(oldSrc, newSrc) {
    var imgElements = document.getElementsByTagName('img');
    for (i = 0; i < imgElements.length; i++){
        if (imgElements[i].src == oldSrc){
            imgElements[i].src = newSrc;
            break;
        }
    }
}
</script>

【讨论】：

【解决方案3】：

你只需要改变你的图片的src属性，你可以这样做：

<script>
function myFunction() {
    var x = document.getElementById("myImg").src = 'image2.jpg';
}
</script>

<img src="image1.jpg" id="myImg">
<button onclick="myFunction()">Change Image </button>

【讨论】：