图片(文件)的上传

图片(文件)的上传
我们一般不会把图片直接放在数据库,而是保存图片的路经,把图片保存到磁盘(硬盘)上面,因为相对于字符串来说,图片要大的多。(后果:数据库体型大了之后,索引,查询,排序速度下降,严重影响了程序的运行性能)
1.隐藏的文本选择框,用于弹出用户头像的选择
图片(文件)的上传

accept:不是强制筛选,只是起到一个过滤器的作用,没有办法做到只选择它;
2.双击触发点击事件
图片(文件)的上传

3.显示图片到页面
图片(文件)的上传
**图片(文件)的上传
**

Result:读取之后编码的结果,再把结果设置给图片的src;
还要另外一个方法配合,当我选择这个文件的时候,文件选择会发生改变
,所有要用onchange事件
这里读取到的图片没有传到服务器,现在它们都是在js里面
图片(文件)的上传

files[0]:第一个文件;
if()else()这里的意思是:如果满足条件直接读取,如果不满足直接提示
4.限制文件读取的格式
图片(文件)的上传

5.读取图片
图片(文件)的上传

这里最好能使用FromData提交
图片(文件)的上传
图片(文件)的上传

6.在后台接收这个文件
文件已经提交到后台
图片(文件)的上传

7.处理文件,把文件放到指定的地方
图片(文件)的上传

判断目录是否存在,如果不存在就要创建目录
(Server.MapPath("~/Document/userPicture/"));创建的目录
图片(文件)的上传

这里的文件大小一定不能等于0
8.保存
图片(文件)的上传

9.再去页面清空图片和表单

图片(文件)的上传