使用 Javascript 覆盖图像文件

Question

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

Answer 1

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

有很多资源可供 file/image 上传，例如：

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

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

Answer 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>

Answer 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>

使用 Javascript 覆盖图像文件

Overwrite an image file using Javascript

javascript

image

overwrite