C#处理上传的图片

开发工具与关键技术:VS  C#
撰写时间:2019年5月16日

其实,在页面上上传图片就是把图片新增保存到数据库。所以要把上传图片这个操作放到Form表单里,再用Form表单把图片提交到控制器,控制器再把图片保存到数据库的这么一个操作过程。
img标签只是绑定图片用的图片框,点击的时候是没有打开文件的这个功能,别误以为图片框也有打开文件的效果。所以,要用Input标签里的这个属性type="file"来打开文件。因为Input按钮显示出来的效果不太美观,所以就把它隐藏hidden起来。给img标签一个点击事件,给Input标签一个改变事件,当用户点击图片框选择图片的时候,图片就会适应图片框并显示在图片框上面,用Input标签的改变事件来绑定图片。
代码如下:
在这里插入图片描述
上传图片的时候是把图片放到一个form表单里进行提交的,为了用户每次点击上传图片的时候图片框为空,就是没有保存上次上传的图片,所以要清空form表单里的图片。但是form表单默认的重置按钮只重置那些Input标签,像这些文件特殊一点的是不会重置的,比如说图片img标签是不会重置的,所以就要自己写一个清空图片的方法来清空图片。
代码如下:
在这里插入图片描述
打开文件选择图片的时候,因为是把Input标签放到图片框里,所以要点击图片框来

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值