就是在做自己的小项目的时候嘛,想在项目中加一点项目书规定要做的功能之外的动画和功能。但要老师讲过的,自己会的。所以就弄了这个修改头像的功能,本人呢是新手,或许有点小瑕疵,看看就行。
页面代码:
<div class="nav-profile-img">
<img src="~/Content/images/faces/face1.jpg" alt="image" id="HeadImage" />
</div>
//给a标签一个点击事件,点击标签的时候提出修改头像模态框。
<a class="dropdown-item" onclick="Image()">
<i class="mdi mdi-cached mr-2 text-success"></i>
修改头像
</a>
给个模态框:
@*头像模态框*@
<div class="modal fade" id="modalHeadImage" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title col-auto" id="exampleModalCenterTitle">head portrait</h5>
<button type="button" class="close" d