JavaScript, das Bild zu einem img-Tag auswählt
Ich habe ein gefälschtes Profilsystem für ein Klassenprojekt, es erfordert ein Profilbild und es benötigt eine Option, um es lokal (von Ihrer Festplatte) zu ändern. Ich habe eine Arbeitimg
Tag, das standardmäßig ein Platzhalterbild enthält, und wenn Sie auf klickenchange picture
wird ein Dialogfeld zum Öffnen einer Datei geöffnet. Alles, was ich jetzt arbeiten muss, ist das Setzen des Bildlinks für dieimg
Markieren Sie das ausgewählte Bild. Das habe ich bisher.
<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>
Da dies nicht möglich ist, kann ich das ausgewählte Bild anonym hochladenimgur und über diesen Link?