使用Javascript覆盖图像文件

Question

有没有办法使用javascript覆盖我网站上已有的图片...如果是，有什么方法，还有教程的链接？

Answer 1

这是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>

Answer 2

您只需要更改图像的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>

Answer 3

您无法单独使用javascript执行此操作 - 您需要在服务器上安装一些内容才能实际处理图像的保存。如果要覆盖图像，则只需在保存时提供相同的文件名并应用适当的权限。

有大量资源可用于文件/图片上传，例如：

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

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