3

基本的には、Twitter に画像をアップロードすると、自動的にスピナーが実行され、古いアバターの場所で画像が変更されるような、Twitter のような機能が欲しいです。

私はこれをやろうとしましたが、ちょっと失敗しましたが、次のことをしました：

<script language="javascript">
    function changeImage() {


        document.getElementById("newavatar").src = "http://dummyimage.com/136x136/000/fff";

}
</script>


<img class="already-avatar" id="newavatar" src="avatar_default.png" width="136px" height="136px"/>
<input class="upload-image" onclick="changeImage()" type="file" name="avatar" accept="image/jpeg, image/png">

私は上記を行っていますが、実際には画像が変更されますが、画像は選択されたものではありません。最初に画像をアップロードして変更できるようにする必要があることはわかっていますが、これを行うのに苦労しています。

誰かができれば私を助けてください、私は初心者です、どんな助けも大歓迎です。

ありがとう

4

3 に答える 3

2

これを試して：

<script language="javascript">
function changeImage() {
    document.getElementById("newavatar").src = document.getElementById("input-file").value;
}
</script>


<img class="already-avatar" id="newavatar" src="avatar_default.png" width="136px"    height="136px"/>
<input id="input-file" class="upload-image" onchange="changeImage()" type="file"    name="avatar" accept="image/jpeg, image/png">

イベントリスナーを「onclick」から「onchange」に変更し、スクリプトも変更する必要があります。それが役に立てば幸い！

于 2013-09-20T06:40:58.907 に答える