MVC图片上传

                            html

accept 用于筛选文件所允许上传的图片

max-height 设置元素的最大高度

max-width 设置元素的最大宽度

min-height 设置元素的最小高度

min-width 设置元素的最小宽度

                               Script

文件读取器： imageReader  FileReader 

文件读取器onload事件 在读取事件完成触发

文件输入框的点击事件：function 设立的双击的事件{

$(“#userPictureFile”).click();

}

文件输入框改变事件，改变时读取图片

获取文件输入框里面的文件

判断读取的文件是否是需要的文件类型

使用文件读取器读取文件，并把文件转为URL（Base64编码）：imageReader.readAsDataURL(file)

                            Controller（控制器 ）

接受类型：HttpPostedFileBase

检查存放图片的目录是否还存在：System.IO.Directory.CreateDirectory(Server.MapPath("~自定义存放的路径"))

判断是否上传了图片

①获取文件的扩展名称：

string imgExtension = System.IO.Path.GetExtension(userPicture.FileName)

②拼接要保存的文件名称

string fileName = DateTime.Now.ToString("yyyyMMddHHmmssffff") + "-" + Guid.NewGuid() + imgExtension;

③拼接文件保存的路径

string filePath = Server.MapPath("~自定义存放的路径") + fileName;

④保存上传的文件到硬盘

UserPicture.SaveAs(filePath)