发表于: 2017-07-16 23:04:37
1 846
今天完成的事情:
1.新增编辑页需要上传图片,所以就去学习了HTML5的 input:file上传类型控制
常用的几个属性accept和multiple
accept:表示可以选择的文件MIME类型,举个栗子:
<input id="fileId1" type="file" accept="image/png,image/gif" name="file" />
表示只能选择png和gif图片
multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。
<input id="fileId2" type="file" multiple="multiple" name="file" />
表示多文件上传
2.学习了formdata对象;XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件.
明天的计划:继续JS9,希望可以完成,并开始准备小课堂的知识点
遇到的问题:formdata对象看的有一点点晕,不过相信多接触应该就好了
收获:学习了HTML5input:file几个常用的属性,了解了formdata
评论