JavaScript selecionando imagem para uma tag img

Eu tenho um sistema de perfil falso para um projeto de classe, ele requer uma imagem de perfil e precisa de uma opção para alterá-lo localmente (a partir do seu disco rígido). Eu tenho um trabalhoimg tag que contém uma imagem de espaço reservado como padrão e quando você clica emchange picture, uma caixa de diálogo de arquivo aberto é aberta. Tudo o que preciso trabalhar agora é definir o link da imagem para oimg marque a imagem que eles selecionaram. É isso que eu tenho até agora.

<div id="userphoto">
    <a><div class="gravatar-wrapper-128"><img id="image" src="http://blog.ramboll.com/fehmarnbelt/wp-content/themes/ramboll2/images/profile-img.jpg" alt="" class="logo" width="120" height="120"></div></a>
    <div class="change-picture-slide" style="top: 30px;">
        <input accept="image/*" type="file" id="upload" name="upload" style="visibility: hidden; width: 1px; height: 1px" />
        <a href="" onclick="changePicture(); return false">Change Picture</a>
    </div>
</div>
<script>
    function changePicture() {
        //open the open file dialog
        document.getElementById('upload').click();
        var link = document.getElementById('upload').url;
        //change picture
        var img = document.getElementById("image");
        img.src = link;
    }
</script>

Sabendo que isso não pode ser feito, como é possível enviar anonimamente a imagem selecionada pelo usuário paraimgur e usando este link?