Flutter 多文件上传（ FormData ）

Posted 2023-05-16

参考技术A 定义一个收集文件的数组

点击上传文件按钮，底部弹出 （相机、图库）来选择

显示图片

使用 FormData() 上传文件

FormData文件上传

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

首先，涉及点技术：

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();