发表于: 2017-06-09 22:41:50
1 1111
今日所做:
1.查资料HTML5 input:file类型控制,得知input的这个属性可以选取图片格式
2.常用属性值:
accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。
multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。
3.
<div>
<input type="file" multiple="multiple" name="filed" accept="image/png,image/gif">
</div>
4.查看formdata:
通常我们提交(使用submit button)时,会把form中的所有表格元素
的name与value组成一个queryString,提交到后台。这用jQuery的
方法来说,就是 serialize。但当我们使用Ajax提交时,这过程就要变
成人工的了。因此,FormData对象的出现可以减少我们一些工作量
5.
var data = new FormData();
data.append('uploadpic', $('#licensefile')[0].files[0]);//可以是文件
data.append('type',"license");
明日计划;
继续做图片上传
遇到的问题:
使用input【type=file】功能选取本地图片后,不能确定本地的图片是否
已经被存在input中,而且传给服务器的时候总是报错,说file为undefined
今日收获:
学习了input的标签的一种新的功能
评论