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对象。

...全文
11 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

23,404

社区成员

发帖
与我相关
我的任务
社区描述
Java 非技术区
社区管理员
  • 非技术区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧