发表于: 2017-06-27 23:21:32

2 910


今天完成的事情

把每个页面分别创建一个controller

初步完成一些图片上传



收获

文件上传的几个步骤:

首先创建一个input标签 type= file  accept规定上传文件的类型  multiple规定是否为多文件上传;

HTML自带的样式感人,所以要想办法美化input标签,类似于我们的css任务美化radio

大体思路是input外面套一个a标签,然后设置input透明度为0,然后美化a的样式;

然后给input添加监听事件,文件上传时建立一个 FileReader对象

FileReader对象用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据。

有四个方法:

 

六个事件:

 

成功读取的时候取得文件的大小:


 

遇到的问题

有一个大问题,现在我的一段代码(文件上传相关)放在路由页面的HTML文件中可以执行(不管是放在首部还是尾部)

但是这段代码放到一个别的JS文件中用懒加载引入就会失效,懒加载肯定是成功了,进入这个页面的时候才会引入;


 明天计划的事情

完成任务9



返回列表 返回列表
评论

    分享到