### 使用FormData发送文本数据 当使用 `FormData` 对象时，可以通过调用其 `append()` 方法将键值对附加到表单数据中。如果希望将 `'file'` 参数替换为文本域的值，则需要获取该文本域的内容并将其作为第二个参数传递给 `append()` 方法。 以下是具体实现方式： #### 获取文本域的值 假设有一个 HTML 文本输入框 `<input type="text" id="textInput">`，可以使用 JavaScript 的 DOM API 来访问它的值： ```javascript const textInput = document.getElementById('textInput'); const textValue = textInput.value; ``` #### 将文本值添加到 FormData 中 接着，可以将这个文本值通过 `append()` 方法加入到 `FormData` 实例中： ```javascript const formData = new FormData(); formData.append('file', textValue); // 'file' 是键名，textValue 是文本域的值 ``` 完整的代码示例如下所示： ```html <form id="myForm"> <input type="text" id="textInput" placeholder="Enter some text here"> <button type="submit">Submit</button> </form> <script> const form = document.getElementById('myForm'); form.addEventListener('submit', (event) => { event.preventDefault(); const textInput = document.getElementById('textInput'); const textValue = textInput.value; const formData = new FormData(); formData.append('file', textValue); // 验证结果 formData.forEach((value, key) => { console.log(`${key}: ${value}`); }); }); </script> ``` 在此代码片段中，`formData.append('file', textValue)` 将文本域的值绑定到键名为 `'file'` 的字段上[^1]。 --- ### 注意事项 - 如果需要动态更改键名或值，可以直接修改 `append()` 调用中的第一个参数（键名）和第二个参数（值）。例如，可以用其他变量代替固定的字符串 `'file'` 或者 `textValue`。 - 当处理多个表单项时，可重复调用 `append()` 方法以逐项添加数据[^3]。 --- ###