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

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

1 　　　　　　　　<div class="layui-input-block">
2                     @*图片控件*@
3                     <img name="imgId" src="" style="width:100px;height:100px" />
4 
5                     <button type="button" class="layui-btn" name="img" id="test1" lay-verify="img">
6                         <i class="layui-icon">&#xe67c;</i>上传图片
7                     </button>
8                 </div>

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

 1  //执行图片上传
 2         upload.render({
 3             elem: '#test1' //绑定元素
 4             , url: '/User/LoadImg' //上传接口
 5             , done: function (res) {
 6                 //上传完毕回调
 7                 //获取的上传图片路径
 8                 var Img = res.msg;
 9                 $("[name=img]").val(res.msg);
10 
11                 //回显的主要代码就是这里,通过name属性给img控件的src路径赋值
12                 $("[name=imgId]").prop('src', '../Img/' + Img)//把图片修改为目标路径
13             }
14             , error: function () {
15                 //请求异常回调
16                 layer.msg('上传失败,请重新上传!', { icon: 5, skin: 'danger-class', offset: '300px' });
17             }
18         });