使用Javascript覆盖图像文件

Overwrite an image file using Javascript

本文关键字：图像 文件 覆盖图 覆盖 Javascript 使用      更新时间：2023-09-26

是否有一种方法来覆盖已经存在于我的网站使用javascript的图像…如果有，是什么方法，有没有教程的链接?

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

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

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

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

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

正确的解决方案取决于您的服务器上有什么可用的

相关文章：