发表于: 2017-07-16 23:04:37

1 847


今天完成的事情:

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


返回列表 返回列表
评论

    分享到