发表于: 2017-06-09 22:41:50

1 1107


 今日所做:

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的标签的一种新的功能


返回列表 返回列表
评论

    分享到