MVC图片上传

最新推荐文章于 2023-08-08 08:40:33 发布

凌晨四点半、

最新推荐文章于 2023-08-08 08:40:33 发布

阅读量817

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_45331546/article/details/110749450

版权

图片上传的步骤：
页面的步骤
①　首先在页面的‘修改’的方法上获取图片的路径
②　然后在页面修改保存的方法里面获取用户头像
③　接着在input标签的类型为file的双击事件里面嵌套单击事件，把input标签改装成可以选择图片的按钮
④　用文件读取器读取图片文件
⑤　文件选择控件改变事件 – 将选择的图片显示到 img元素
⑥　打开导入模态框下载导入模板文件
⑦　上传文件到控制器
控制器的步骤
⑧　查询出之前头像图片信息
⑨　判断是否上传了新图片，保存新上传的文件，文件类型、文件名称、保存文件的路径、将文件名称设置到用户中
⑩　判断之前是否存在图片，存在就先删除，最后执行保存

注意：图片上传不能用post和get提交，因为这两种提交方式会编译上传的文件，导致无法读取文件上传会失败，可以用ajax的提交方式和XMLHttp的方式提交

修改’的方法上获取图片的路径
在这里插入图片描述

修改保存的方法上设置
在这里插入图片描述

接着在input标签的类型为file的双击事件里面嵌套单击事件，把input标签改装成可以选择图片的按钮
在这里插入图片描述

用文件读取器读取图片文件
在这里插入图片描述

文件选择控件改变事件 – 将选择的图片显示到 img元素
在这里插入图片描述

打开导入模态框下载导入模板文件
在这里插入图片描述

上传文件到控制器
在这里插入图片描述

查询出之前头像图片信息
在这里插入图片描述

判断是否上传了新图片
在这里插入图片描述

凌晨四点半、

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
MVC图片上传

图片上传的步骤：页面的步骤①　首先在页面的‘修改’的方法上获取图片的路径②　然后在页面修改保存的方法里面获取用户头像③　接着在input标签的类型为file的双击事件里面嵌套单击事件，把input标签改装成可以选择图片的按钮④　用文件读取器读取图片文件⑤　文件选择控件改变事件 – 将选择的图片显示到 img元素⑥　打开导入模态框下载导入模板文件⑦　上传文件到控制器控制器的步骤⑧　查询出之前头像图片信息⑨　判断是否上传了新图片，保存新上传的文件，文件类型、文件名称、保存文件的路径、将
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。