如何在像facebook这样的图像上创建个人资料图片上传框 [英] how to create profile image upload box on image like 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>

推荐答案

检查：

像Facebook个人资料图片中的图像上传和更新 [ ^ ]

这篇关于如何在像facebook这样的图像上创建个人资料图片上传框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！