2014-06-21 7 views
0

Je crée un faux forum pour un projet de classe, et dans l'onglet your profile, vous avez une option pour changer votre photo de profil. Puisque c'est un forum faux, il ne comporte aucun serveur ou téléchargement réel, ect .. donc j'évite n'importe quel php. ce que je veux que le lien de téléchargement à faire soit ouvrir un OpenFileDialog limité aux images seulement (qui est fait). Lorsque vous appuyez sur "Ouvrir" dans la boîte de dialogue, je souhaite que l'emplacement du fichier qu'ils viennent d'ouvrir soit défini dans var et que vous définissiez une source de balise img comme var.html ouvrir une image locale

c'est ce que j'ai jusqu'à présent

<div class="profile_picture"> 
    <a><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-overlay" style="top: 299px;"> 
     <div class="change-picture-slide" style="top: 30px;"> 
     <input accept="image/*" type="file" id="upload" name="upload" style="visibility: hidden; width: 1px; height: 1px" multiple /> 
     <a href="" onclick="changePicture(); return false">Change Picture</a> 
    </div> 
</div> 


function changePicture() { 
    //open the open file dialog 
    document.getElementById('upload').click(); 
    //get the file location into a var 
    var link = document.getElementById('upload').url; //this i know is not right 

    //change picture 
    var img = document.getElementById("image"); 
    img.src = link; 
    return false; 
} 

merci!

Répondre

Questions connexes