Visual Studio
阿泽.᭄ꦿ 2020-08-09 08:22:44 (三)上传图片
设置ID和点击事件名称,设置图片显示的长和高
设置图片的格式,使它能够通过文件上传进行提交的文件类型
accept 属性只能与 <input type="file"> 配合使用
设置图片双击事件,使用jqury触发文件选项框的点击事件< input type="file">
自定义用户头像点击事件,查看头像图片信息,根据是否存在头像图片信息显示查看/未上传
点击查看按钮显示图片,根据点击按钮事件所留的图片路径,展开弹窗层显示图片信息内容,不开启标题,不设置关闭按钮,可直接点击遮罩层关闭弹窗层,
用图片文件的正则表达式过滤掉不可读取文件图片的格式,显示可选择的图片文件,将选择的图片显示到ing元素,并使用FileReader读取图片转化URL,用文件读取onload事件,将读取到图片显示到ing元素
弹窗修改的模态窗体中设置显示用户头像的位置和图片路径
保存修改用户头像信息,首先获取用户头像参数,使用JQuery Ajax发送FormData数据,构建FormData数据,数据提交到控制器中,要告诉JQuery不要去处理发送的数据和不要设置Content-Type请求头
查询之前头像图片信息,查看是否上传了图片,设置文件类型(Path:对包含文件或目录路径信息的 System.String 实例执行操作)(GetExtension:返回指定的路径字符串的扩展名)接收文件返回路径
获取保存文件的路径和服务器部署路径,将文件名称设置到用户中,判断之前是否存在以前图片,需要删除旧的图片信息,为上传图片不做任何处理把数据库中的图片直接设置发哦user对象。