如何在像facebook这样的图像上创建个人资料图片上传框

我创建了一个简单的页面，我想创建像facebook这样的上传框，我已经尝试了asp：fileupload但它没有正确显示，如果有任何想法，请分享。



这是我的代码

i have created simple page on that i want to create upload box like facebook , i have tried asp:fileupload but it is not displaying properly , guys if have any idea please do share.

here is my code

<div class="col-sm-3" style="width:305px;margin-right:4px;">
                    <div class="row">
                        <a class="profile-image">                    
                            <img src="" class="media-object" id="imgprofilephoto" runat="server" style="z-index:-100;background-color:transparent; height:315px; border-radius: 105px 0px 0px 105px;z-index:3;border:3px solid #fff;" alt="socialbanjara userprofile" />
                        </a>   
                    </div>
                    <div class="row" style="margin-top: -60px; margin-left: 35px;">
                        <span id="uploadMask">
                            <asp:FileUpload runat="server" id="fileprofilephoto_upload" />
                            <span class="button">Select Image</span>
                        </span>             
                        <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="Upload" />
                    </div> 
                    
                </div>