图片的回填

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：VS picture

作者：微凉之夏

撰写日期：2019年07月17日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  在修改当中如果有图片的话要对图片进行查询回填（需要获取图片的字段（因为它是个二进制数组，要把二进制数组读取出来，最后要通过file返回的数据类型就是image类型，然后就把它绑定就行了）），首先要在页面中写出它的样式对不对，如下：

<img src="" alt="" id="WhrinkageRoadMap"  class="d-block" width="250" height="180"  style="border:1px solid;" />

 <input type="file" id="fileImage" name="file" multiple="multiple" accept="image/png,image/jpg,image/bmp,image/gif,image/jpeg"  hidden />

 <p style="color:black;">双击选择图片</p>

先是给它一个img然后在它下面是给一个input标签（而它的type是file类型 à 给个ID值àname值 àaccept就是它在弹出选项框时可以选择那些图片格式，最后就把它隐藏起来），写好样式之后就在控制器中写它所对应的方法à定义一个方法来获取图片信息 à 查询出图片的二进制à 判断所查询出来的数据是否等于空（如果所查询的数据不等于空的话那么就把它所查询出来的值放给二进制数组，然后再返回回去，如果说你所查询出来的数据等于空的而你想让它显示出来一张本地的图片的话，那么你就可以放一张图片到你的本地文件夹中，再去读取它的本地图片文件就OK了），如下就是根据…ID值查询的的图片：

在读取文件期间还要引用下using System.IO;才行，写好读取本地图片的方法我们就要调用它，在上图中最后的一个方框中就是调用获取本地图片的方法，还有你要读取的文件路劲获取到，再把这个路劲传入到这个方法中。在方法中是一二进制的方式来读取文件的à 再创建一个二进制数据值流读到控制器，和打开的文件所关联 à把文件指南针重新定位到文件的开始 à再到关闭以上新的各个对象，返回一个二进制。代码如下：

在到页面中的回填方法中写上回填的数据如下：

  $("#WhrinkageRoadMap").attr("src", "GetImage?MaterialReviewID=" + MaterialReviewID);

最后我们到控制器中看下是否成功了，

但你修改时是要把这张图片换了才能获取得到所要修改的图片值，如果你没有换一张图片的话它会在控制和页面中获取得到图片值是null的。