Javascript文件上传分两步进行

我知道有很多主题解释了通过javascript上传文件。但我的问题是它的其他方面

我用纯JS上传文件，效果很好，但我的问题是，我不想在从表单中选择文件后直接上传。因为表单有其他输入字段，我想在通过ajax点击save按钮后将所有内容上传到服务器。我也不想刷新页面，因此所有内容都应该通过ajax

长话短说： 我的表单中有3个输入（文本）字段、一个输入（文件）字段和一个保存按钮。 点击save按钮后，表单调用JS函数，该函数必须处理数据（文本和文件），并通过ajax将其发送到服务器

希望我能解释这个问题

<form>
<input type="text" name="field1">
<input type="text" name="field2">
<input type="text" name="field3">
<input type="file" name="file" multiple id="myFile" onchange="uploadPicture()">
</form>

还有JS

function uploadPicture() {
var formData = new FormData();
for (var i = 0; i < document.getElementById('myFile').files.length[i]) {
formData.append('files[]', file);
....
and in here I send the formData via ajax to my server, which works fine.

函数上传图片（）{
var formData=new formData（）；
对于（var i=0；i

现在我的问题不是直接将数据发送到服务器，而是临时保存数据，然后在点击保存按钮后将所有数据发送到服务器

我想知道是否有一种方法（技巧）可以在上传和发送之间保存文件

希望现在更清楚

---

谢谢

将

formData

变量的声明移动到外部范围，只在

uploadPicture

中添加文件，然后在保存按钮上的单击处理程序中使用

formData

我希望这有帮助