·要读取什么?就是刚才给大家展开来看的target下面files的第0个,就是刚才选择的文件a.txt,这个文件里面就随便输入一句话,看一下等一下可不可以把它读取出来。这个过程是异步的,要先等它读取。
·这里面还是先把事件对象打出来看一下,同样是选择刚才那个文件,再展开来看一下,同样找到target,它里面有一个result,大家看到没有,result里面保存的就是读取的文件里面的内容,这样就可以读取到文件的内容了。
·比方这里直接把读取到的内容输出来,没有问题,这个内容获取到了。当然除了读这种txt的文本,读个json,甚至读个图片也可以,就来读个图片试一下。读图片这里就不是读成text,读成base64。
·这次就来选择一张图片,这里就把读取到的结果输出来了,可以复制一下,这个是base64,可以把刚才复制的那一串在地址栏里面回车,这张图片就出来了,是可以读取到这张图片的。
·可以用读取到的图片做一些预览图之类的,这个图片有点大,给它改小一点。JS获取到img,然后设置一下它的src,把result赋值给它。
·现在还没有预览图,可以手动来选择一张,这里随便选择一张图片,这个图片就读取到了,然后换一张图片也可以,另外再选择另外一张,都是可以正常读取的。
这个视频就简单给大家说了一下JS的文件读取,感谢大家的收看。