发表于: 2017-06-27 23:21:32
2 909
今天完成的事情
把每个页面分别创建一个controller
初步完成一些图片上传
收获
文件上传的几个步骤:
首先创建一个input标签 type= file accept规定上传文件的类型 multiple规定是否为多文件上传;
HTML自带的样式感人,所以要想办法美化input标签,类似于我们的css任务美化radio;
大体思路是input外面套一个a标签,然后设置input透明度为0,然后美化a的样式;
然后给input添加监听事件,文件上传时建立一个 FileReader对象
FileReader对象用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据。
有四个方法:
六个事件:
成功读取的时候取得文件的大小:
遇到的问题
有一个大问题,现在我的一段代码(文件上传相关)放在路由页面的HTML文件中可以执行(不管是放在首部还是尾部)
但是这段代码放到一个别的JS文件中用懒加载引入就会失效,懒加载肯定是成功了,进入这个页面的时候才会引入;
明天计划的事情
完成任务9
评论