MVC图片控件通过src赋值路径

我这里用到了Layui的框架，自动忽略就行，只关注img图片控件即可

　　　　　　　　<div class="layui-input-block">
                    @*图片控件*@
                    <img name="imgId" src="" style="width:100px;height:100px" />

                    <button type="button" class="layui-btn" name="img" id="test1" lay-verify="img">
                        <i class="layui-icon">&#xe67c;</i>上传图片
                    </button>
                </div>

这里用到的也是Layui的图片上传不用太过关注，主要代码没几行，这里的图片的路径需要填写自己获取的图片路径

 //执行图片上传
        upload.render({
            elem: '#test1' //绑定元素
            , url: '/User/LoadImg' //上传接口
            , done: function (res) {
                //上传完毕回调
                //获取的上传图片路径
                var Img = res.msg;
                $("[name=img]").val(res.msg);

                //回显的主要代码就是这里,通过name属性给img控件的src路径赋值
                $("[name=imgId]").prop('src', '../Img/' + Img)//把图片修改为目标路径
            }
            , error: function () {
                //请求异常回调
                layer.msg('上传失败,请重新上传!', { icon: 5, skin: 'danger-class', offset: '300px' });
            }
        });