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)