基本上所有的管理平台,只要是涉及到数据的保存往往都有图片的上传。比如说,要记录一个商品需要存放商品的图片,方便查看;保存一个用户的信息需要存放用户的头像等等。
图片的上传操作很简单,一般会有两个操作:
一、 获取图片并显示
-
获取文件
在html中input标签有一个type值为file的属性,通过设置该属性的input标签会变成一个文件选择器,使用它便可以获取到文件。
-
显示图片
在实际项目中,选择到保存的图片需要预览。所以我们一般不会直接使用该标签,而是通过方法去调用。
在写好一个file类型的input基础上,再写一个img标签,该标签用于显示预览图片。然后给img设置一个点击事件,通过这个点击事件去调用file文件选择器的点击。
在input标签上有一个acc