2017-09-16 1 views
0

私はブラウザからコンテンツを直接アップロードし、そのコンテンツをリンクタグ内に返すs3ライブラリを使用しています。今私はリンクとして画像としてURLを表示したい。現在のコードは、私がこれまでにuploadボタンをクリックをトリガーiconimgタグリンクの属性変更をリッスンしますか?

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_linkで、これはlink tagです。私が望むのは、href属性の変更を聞き、それに応じてイメージを更新することです。どのようにバニラjsと外部依存関係を使用することができますか?

+0

私の悪い..私はコードを更新させてください:) – georoot

+0

問題はそれではありませんでした。私はコードをコピーしている間に事件を間違って変更しました。アップロードイベントが発生しています。そこには – georoot

+0

@brahimmahrirがあります。申し訳ありません: – georoot

答えて

1

DOMノードの属性変更を監視するには、変異オブザーバが必要です。 https://stackoverflow.com/a/41425087/459966

+0

あなたは二重になるべきです。これは答えではありません。 –

+0

私は十分なポイントを持っていません。しかし、気軽に。 – Aaronius

関連する問題