Question

我正在使用s3库直接从浏览器上传内容并返回链接标记内的内容。现在我想将链接中的url显示为图像。我目前使用的当前代码

var icon = document.getElementById("selectLogo");

icon.addEventListener("click",(evt)=> {
    evt.preventDefault();
    var element = document.getElementsByClassName("file-input")[0];
    element.click();
});

var icon_link = document.getElementsByClassName("file-link")[0];

icon_link.addEventListener("onchange",(evt)=> {
    evt.preventDefault();
    console.log(icon_link);
});

其中icon我的img标记会触发点击upload按钮。我面临的问题是icon_link是link tag。我想要的是听取href属性更改并相应地更新图像。怎么可能都使用vanilla js而没有外部依赖？

Answer 1

您需要一个变异观察器来监视DOM节点上的属性更改。见https://stackoverflow.com/a/41425087/459966

在链接中监听属性更改？

1 个答案: