发表于: 2017-03-11 22:28:12
1 1210
今天完成的事情:
1、今天主要学习html5上传图片的功能。其中input的type属性设置为file,便能够选择文件或图片上传了,设置multiple来实现多张上传功能。
2、学习了FileReader对象的方法,我们这里要用到预览功能,那么首先要定义一个FileReader对象实例,再使用FileReader的方法readAsDataURL(),最后将图片加载到img标签的src属性中
3、学习了FormData对象的方法,首先定义一个FormData对象实例,然后用append方法,formData里面存储的数据形式,一对key/value组成一条数据,key是唯一的,一个key可能对应多个value,
var myapp = new FormData()
myapp.append("file","fileImg.files[0]")
明天计划的事情:
1、将官网上传图片功能及代码弄清楚,直接使用官网代码
遇到问题:
不写控制器直接写js代码,并进行DOM操作会遇到问题,问题原因是是DOM加载完成前js就执行了,所以少队DOM操作吧
收获:
官网代码封装太多,看来确实要换webstrom了,明天试一下sublime插件。
今天小课堂讲了line-height和vitical-align属性,这两个看似没联系,其实联系相当紧密。比如可以line-height消除使用了vitical-align属性造成的空隙。
评论