学习前端的小伙伴们在项目中肯定都遇到过上传图片的这种功能吧.
那么今天我们就来学习一下原生的上传图片吧~
go go go go~~~~
在原生js中j就有一个很简单的方法用来操作文件 ——FileReader
允许web应用程序异步读取储存在用户电脑上的文件,可以使用file和blob对象指定要读取的文件或数据。File对象可以是来自input上传文件返回的fileList对象,也可以来自拖放生成的DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果。
这是官方介绍哈!
+
ok!简单的上传图片并浏览就完成喽!
效果图: