超简单的asp.net不用服务器控件File文件选中了后显示在img标签中

首先创建一个页面

关键代码如下：

<div class="form-group">
　　<label>头像:</label>
　　　　<a href="javascript:;" class="file">
　　　　　　　<i class="layui-icon">�</i>
　　　　　　　<input type="file" id="upfile">选择图片
　　　　</a>
　　<img class="layui-upload-img" id="img_box" src="~/Imgs/@student.HeadImg" />
</div>

　js代码如下：

<script src="~/Scripts/jquery-3.4.1.js"></script>

    <script>
        var imgfFile //图片名称
        $("#upfile").change(function () {
            imgfFile = $("#upfile").prop("files")[0];//prop添加属性名称
            console.log(imgfFile.name)
            $("#img_box").attr('src', '/Imgs/' + imgfFile.name)
        })
　　</script>