码迷,mamicode.com
首页 > Web开发 > 详细

FormData文件上传

时间:2019-02-03 20:58:50      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:app   nbsp   一点   通过   积累   tip   input   使用   文件上传   

这几日,单位有一个需要实现多文件上传。这个技术我是没有做过的,但是需要掌握,所以,只能是一点一点积累了。

首先,涉及点技术:

1、html5的控件上传FormData。

2、var newFormData = new FormData();

newFormData.append(file[0]);

3、页面端,需要form表单。

<form enctype="multipart/form-data" method="post" name="fileinfo">
   <input type="file" name="file" required />
</form>

FormData可以把它理解成一个虚拟的表单对象,它只有一个方法append,这个可以在浏览器console一下就知道了。我们可以通过append向FormData里面添加各种需要提交的数据。可以先创建一个空的 FormData 对象,然后使用 append() 方法向该对象里添加字段,如下:var oMyForm = new FormData();

 

FormData文件上传

标签:app   nbsp   一点   通过   积累   tip   input   使用   文件上传   

原文地址:https://www.cnblogs.com/56411808/p/10350980.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!