图片的回填与修改

图片的回填与修改

图片的修改和新增差不多
图片修改也是与其他数据修改是不同的
其他的修改是文本数据可以直接从数据库进行修改
而图片修改则是文件，修改文件
文件修改是需要先用数组读取接收的图片才可以从数据库进行图片修改的
不能是直接对数据库进行修改的
而修改也比新增多了一个步骤也就是图片数据回填
图片数据的回填不是和其他数据一起回填的
而是单独从数据库查找出来进行回填的
下面我就来说一下图片的修改步骤
首先是图片的数据回填
先给img标签的链接根据已获取到的具体某条数据的ID作为条件提交请求控制器的方法
如下图

最后返回图片数据
如下图

然后就是执行修改的步骤了
虽然修改有了回填
但还是和新增一样也有图片的重新选择
所以也要布局一个文件选择标签和一个图片标签
如下图就是input type=”file”（文件选择）和img（图片）

布局好后就给文件选择标签触发单击事件
如下图是由一个标签的双击事件触发的文件选择单击事件

然后通过文件选择的改变事件来获取选中的文件来进行图片文件的过滤筛选和读取图片链接
将读取到的图片链接插入img标签中让图片显示出来
如下图

最后就将图片文件提交到控制器执行图片修改
首先我们提交要用到一个插件
如下图

然后我们用到插件的方法ajaxSubmit结合表单进行键值对的形式提交图片
如下图

在控制器声明一个文件类型HttpPostedFileBase的字段接收图片
如下图

最后声明一个数组来接收以文件流的形式读取的图片文件
读取后的图片文件就可以直接从数据库进行修改了
如下图