图片上传:
注意:因为图片占内存较大,一般不选择自己保存到数据库
而是将图片保存在项目文件夹中,然后将文件的路径保存到数据库
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、 判断以前是否存在图片,有就直接删除
具体代码如下: