图片上传

图片上传:

注意：因为图片占内存较大，一般不选择自己保存到数据库
而是将图片保存在项目文件夹中，然后将文件的路径保存到数据库

1、给img标签绑定双击事件 设置样式宽高

2、要用File类型的文件框 Accept属性是指定文件类型
accept 属性只能与 配合使用。

3、文件读取器 FileReader（）

var imgReader = new FileReader();

4、图片文件的正则表达式过滤

regexImageFilter = /^(?:image\/bmp|image\/gif|image\/jpg|image\/jpeg|image\/png)$/i;

5、文件选择控件改变事件onchange（） – 将选择的图片显示到 img元素
选择到照片并使用FileReader读取图片并转为URL

6、文件读取. onload事件 绑定成功事件，将读取到图片显示的到Img元素
imgReader.onload = function (evt) {
$("#userPicture").attr(“src”, evt.target.result);
}

注意：图片上传不能使用get或者post请求，这几种方法会解析上传的文件
要使用$.ajax请求
控制器要用（HttpPostedFileBase）来接收, 这个类是专门用来提供图片上传或文件的

保存上传文件：

1、 判断是否新上传图片
2、 获取文件后缀名
3、 声明文件名称
4、 获取文件路径
5、 保存文件
6、 判断以前是否存在图片，有就直接删除

具体代码如下：