MVC的图片上传

MVC的项目中有许多的重要知识点,比如:最为基础的MVC增删查改,增删查改只要学好了那么对MVC的映像就深了,只要基础学好了下面的知识就比较容易懂,下面我来介绍下另外一个基础知识吧,MVC的图片上传也是一个基础知识点,比增删查改复杂一点,接下来我就来介绍MVC的图片上传。
图片上传在许多的网页上也都有见到,MVC中的图片上传与大部分网页中的图片上传也没什么区别,在MVC项目中一般在修改页面与新增页面都会有一个图片上传的功能,保存图片首先检查存放用户头像的目录是否存在,用if语法判断是否上传了图片,获取文件的扩展名称,拼接要保存的文件名称,拼接文件保存的路径,保存上传额文件到硬盘,将文件的名称保存到user对象中,我编程的代码(如图所示):
在这里插入图片描述
上面的编程只是在控制器中的编程,下面我来说说Views视图中的编程,上传图片需要在对应的视图中编程以下几点:首先需要文件读取器,然后就是图片文件使用正则表达式过滤image/jpeg,image/png,image/jpg,image/gif,image/bmp,再然就是文件读取器onload事件在读取文件完成后触发,双击图片触发文件输入框的点击事件,文件输入框改变事件,改变时读取图片,获取文件输入框里面的文件,判断读取的文件是否是需要的文件类型,在判断中使用文件读取器读取文件,并把文件转为URL(Base64编码),最后一步是如果不符合以上条件就返回:选择的不是一个有效的图片文件这几个文字。演示代码(如图所示):
在这里插入图片描述

上面就是我对图片上传基本的认识,图片上传不止是可以运用在修改与新增中,还可以独立形成为一个出现页面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值