MVC 文件(图片)上传

文件(图片)上传:

图片上传的思路:
一、(页面的操作)主要是通过input的[type=“file”]属性触发图片的上传,然后将上传的图片进行筛选,验证,读取。然后放到指定的容器,当读取文件后并将文件转为Base64编码,再将img标签的src值设置为读取到的Base64编码
注意:文件的上传只能使用post提交,不能使用get,因为文件比get的容量要大。
二、(后台的操作)判断是否有存放图片的目录(如果没有,创建一个目录) -> 验证图片是否有上传以及图片的大小是否有一字节以上 -> 获取图片的扩展名称和拼接图片名称 ->
拼接图片保存的路径和上传到指定的硬盘 -> 最后将文件的名称保存到数据库
注意:图片上传不会把图片保存到数据库,而是把图片的名称或路径保存到数据库。因为文件太大,全放到数据库会造成数据库的运行缓慢

1.图片的选择控件弹出和读取选择到的文件、文件读取后的事件
(1)创建一个文件选择控件,在触发它时弹出文件选择。accept 属性:作用于筛选文件的格式。file对象 用于返回关于指定文件的信息。
Onchange() 值改变时触发的事件
图示1.1:
在这里插入图片描述
(2)new一个文件读取器(FileReader) 。然

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值