图片的上传

图片的上传也可以说是文件上传，图片上传到数据库，不建议直接把图片上传到数据库，因为图片的内存相对而言比较大，一个英文才一个字节，一个中文才两个字节，而图片的话至少都是几百k，直接把图片上传到数据库会导致数据库运转速度变慢，和一些操作也会迟缓很多，图片到数据的操作应该是：把图片保存到硬盘上然后再把图片名称（路径）保存到数据库。

先在视图写好放图片的位置的代码，和一些点击事件然后在去控制器上写图片上传的核心代码，在选择文件类型的时候，可以写一段筛选的代码（文件选择控件 隐藏）作用是在点击要上传文件（图片）的按钮时在选择文件的时候有一个过滤可用帮用户做一个筛选，比如不过不写的话那用户在选择的时候就会遇到奇奇怪怪不相干的其他文件，写了过滤的话，就直接把不相干的文件类型给过滤掉了，是一个方便用户的一个东西。
图片上传的内容先写一个文件读取器（var imageReader = new FileReader();）再把图片文件用正则表达式过滤（regexImageFilter = /^(?:image/bmp|image/gif|image/jpg|image/jpeg|image/png)$/i;）,
文件读取器onload事件 在读取文件后完成触发。（imageReader.onload = function (evt) { console.log(evt); $("#userPicturePile").attr(“src”, evt.target.result); }）
双击图片 触发 文件输入框的点击事件

最后就是文件输入框的改变事件，改变时读取的图片和获取文件输入框里面的文件，在使用文件读取器读取文件时要把文件转为URL（Base64编码）

写完的时候在网页的页面上它可能有时候不会显示图片上传文件输入框的位置，所以要在 （img标签）这最后一段加上它的（border:solid 1px #b7b2b2）；