如何使用 JavaScript 发起一个带参数 HTTP POST请求上传文件并获取返回值
要在 JavaScript 中发起一个 HTTP POST 请求以上传文件, 你可以使用 FormData 对象并结合 XMLHttpRequest 对象来实现。以下是一个示例：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
// 从HTML中获取文件和其他参数 var fileInput = document.getElementById('fileInput'); // 获取文件上传的input元素 var file = fileInput.files[0]; var param1 = 'value1'; var param2 = 'value2'; // 创建一个 FormData 对象 var formData = new FormData(); formData.append('file', file); formData.append('param1', param1); formData.append('param2', param2); // 设置POST请求的URL var url = "your-post-url"; // 发起POST请求并获得返回文本值 fetch(url, { method: 'POST', body: formData }).then(function(response) { return response.text(); // 解析文本返回值 }).then(function(text) { console.log(text); // 这里的text就是从服务器返回的文本值 }).then(function(data) { console.log(data); // 这里的text就是从服务器返回的文本值 }).catch(function(error) { console.error('发生错误', error); }); |
在这个示例中，我们首先获取了要 …