mvc新增图片

开始在布局的时候我们就需要为新增后的图片写一个样式，让它新增后是怎样显示的，比如：

一个宽120px、高140px、的盒子，并且给上ID，ondblclick和onchange都是在下面写好的方法，这是一个双击选取图片的方法，下面就给大家介绍一下：
Ondblclick里面写的方法就是双击打开File表单，选择图片：
function chooseImageFile(inputFileID) {
$("#" + inputFileID).click();
}
然后创建一个FileReader对象，这个主要是为了保存图片，因为FileReader对象的readAsDataURL方法可以将读取到的文件编码成Data URL。Data URL是一项特殊的技术，可以将资料(例如图片)内嵌在网页之中，不用放到外部文件。
在写上传图片方法时候，我们还需要注意给一个正则，因为在上传图片的时候会将图片的文件名一起上传，所以我们需要写一个正则将图片文件给过滤掉。
上传并显示图片的方法：

File表单改变事件，将选择的图片显示到img元素，regexImageFilter是命名的正则表达式，用来过滤文件的。
最后就是写一个onload事件，将该URL绑定到img标签的src属性上

在视图这边写完方法后确实可以实现上传的效果，不过这只是一个预览的效果，只是达到一个临时的保存，刷新页面就会没有，如果想要永久保存必须写控制器新增保存方法。
控制器新增图片方法和其它数据新增方法是差不多的，所以我们只需要在新增数据的方法里面加上新增图片的方法就行

先声明一个byte【】（字节型数组）来保存图片，判断图片不为空就执行新增操作，new一个byte的作用是初始化数组的长度，为节省空间，长度由实际上传的图片的长度决定，然后就是读取该图片文件，将图片转为流结束位置，将流读取为byte[]， 最后将保存图片的这个数组imgFile放入到数据库保存图片的字段：
pwCommodity.CommodityPicture = imgFile，
建表时必须添加保存图片的这个字段名。
这就是新增图片的方法，如果需要回填图片，则必须根据商品ID查询图片，然后回填。