本文介绍了无法使用FETCH TypeScript发布多部分/表单数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试获取下面的代码,我开始使用FETCH,所以我遇到了一些问题
import fetch, { Headers, RequestInit } from "node-fetch";
import FormData = require("form-data");
const exampleFile = fs.createReadStream(path.join(__dirname, "../lib/dummy.pdf"));
const myHeaders = new Headers();
myHeaders.append("Content-Type", "multipart/form-data");
const form = new FormData();
form.append("file", exampleFile);
const requestOptions: RequestInit = {
method: "POST",
headers: myHeaders,
body: form,
redirect: "follow"
};
await fetch(`https://api.mercadolibre.com/messages/attachments?access_token=${accessToken}`, requestOptions)
.then(response => response)
.then(result => console.log(result))
.catch(error => console.log("error", error));
但这将响应此JSON(它应该只是来自MercadoLibre的附件的ID):
Response {
size: 0,
timeout: 0,
[Symbol(Body internals)]: {
body: PassThrough {
_readableState: [ReadableState],
readable: true,
_events: [Object: null prototype],
_eventsCount: 2,
_maxListeners: undefined,
_writableState: [WritableState],
writable: false,
allowHalfOpen: true,
_transformState: [Object],
[Symbol(kCapture)]: false
},
disturbed: false,
error: null
},
[Symbol(Response internals)]: {
url: 'https://api.mercadolibre.com/messages/attachments?access_token=#######',
status: 400,
statusText: 'Bad Request',
headers: Headers { [Symbol(map)]: [Object: null prototype] },
counter: 0
}
}
我的代码有什么问题?
推荐答案
更新:我能够通过排除Content-Type属性来修复它,允许自动获取以检测和设置边界和内容类型。
新代码:
const exampleFile = fs.createReadStream(path.join(__dirname, "../lib/dummy.pdf"));
const form = new FormData();
form.append("file", exampleFile);
const requestOptions: RequestInit = {
method: "POST",
body: form
};
await fetch(`https://api.mercadolibre.com/messages/attachments?access_token=${accessToken}`, requestOptions)
.then(response => response.json())
.then(result => console.log(result))
.catch(error => console.log("error", error));
这篇关于无法使用FETCH TypeScript发布多部分/表单数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!