MVC的图片上传

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

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