У меня есть фальшивая система профилей для проекта класса, она требует изображения профиля, и ему нужна опция, чтобы изменить его локально (с вашего жесткого диска). У меня есть работаimg тег, который содержит изображение по умолчанию, и когда вы нажимаетеchange picture, откроется диалог открытия файла. Все, что мне нужно сейчас, - это установить ссылку на изображение дляimg тег с изображением, которое они выбрали. Это то, что я до сих пор.

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

Зная, что этого нельзя сделать, как я могу загрузить анонимно загруженное изображение, которое выбрал пользователь?Imgur а по этой ссылке?