宜搭远程API如何提交blob参数?
您好,宜搭也支持使用fetch API 发送请求,可以参考以下示例
// 假设你已经有一个 Blob 对象,可能是从一个文件输入框获取的
const fileInput = document.getElementById('fileInput');
const blob = fileInput.files[0]; // 获取用户选择的文件
// 创建一个 FormData 对象
const formData = new FormData();
// 将 Blob 附件添加到 FormData
formData.append('file', blob, blob.name); // 'file' 是字段名,blob.name 是文件的原始名称
// 添加其他参数
formData.append('param1', 'value1');
formData.append('param2', 'value2');
// 使用 fetch API 发送请求
fetch('https://example.com/api/upload', {
method: 'POST',
body: formData, // 将 FormData 作为请求体
// 不需要添加 Content-Type 头,fetch 会自动设置为 multipart/form-data
})
.then(response => response.json())
.then(data => {
console.log('Success:', data);
})
.catch((error) => {
console.error('Error:', error);
});
赞96
踩0