使用Javascript覆盖图像文件

Question

有没有办法覆盖我的网站中已有的图像使用JavaScript ...如果是，有什么方法和任何教程链接？

Answer 1

你只需要改变你的形象的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 2

你不能用javascript来做到这一点 - 你需要在你的服务器上有一些东西来实际处理图像的保存。如果您想覆盖图像，则只需在保存并应用适当的权限时提供相同的文件名即可。

有许多可用的文件/图片上传资源，例如：

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

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

Answer 3

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