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