新增 修改 显示图片

新增 修改 显示图片

上面是图片路径

使用if语句判断 图片是否 为 null , undefined , 或者空字符串
上面的jsonMsg 是 蓄力化后的 JSON

使用的判断：
// 超文本传输协议 请求
var xhr = new XMLHttpRequest();
//蓄力化JSON
var jsonMsg = JSON.parse(xhr.responseText);
如果if里面的判断过去就清空图片
//清空图片
$("").attr(“src”, “”);
括号里面填自己绑定的标签
使用attr方法转换 src里面的内容为空
否则使用 把以前的文件路径回填回去
下面声明一个值接收图片的路径 + jsonMsg里面的图片
var pictureUrl = ‘@Url.Content("~/Document/bookPicture/")’ + jsonMsg.bookPicture;
这个路径是绑定图片放置的位置
通过attr 把右边的声明值转入 如下：
$("#bookPicture").attr(“src”, pictureUrl);
右边的id 标签中

上面是修改回填图片的方法
//点击新增 修改里的保存
方法
//====图书封面 picture
var bookPicture1 = $("#upImage").get(0).files[0];//获取书籍封面

这个判断是选择这个id 数组里面的第一个值中的第一个文件路径

后面通过
formData.append(“bookPictureFile”, bookPicture1);//封面

这个方法把获取到的书籍封面路径传到 表单数据 里面

再在控制器里面调用

上面是判断strUrl是接收新增路径还是修改路径的判断
使用if语句判断 bookID 是不是为0

是的话给他的判断就为新增

不等于0给他的判断为修改

@Url.Content()
是一个路径值的判断
使这个判断往那条路径走