Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将带有表单数据的ant design(typescript)中的info.fileList[0].originFileObj发送到服务器?_Typescript_File Upload_React Hooks_Antd - Fatal编程技术网

如何将带有表单数据的ant design(typescript)中的info.fileList[0].originFileObj发送到服务器?

如何将带有表单数据的ant design(typescript)中的info.fileList[0].originFileObj发送到服务器?,typescript,file-upload,react-hooks,antd,Typescript,File Upload,React Hooks,Antd,我需要将表单数据发送到服务器,但我有一个类型错误,并且表单日期为空 导出接口RcFile扩展文件{ uid:字符串; 只读lastModifiedDate:日期; 只读webkitRelativePath:string; } 接口文件扩展Blob{ 只读lastModified:编号; 只读名称:字符串; } 接口块{ 只读大小:数字; 只读类型:字符串; arrayBuffer():承诺; 切片(开始?:编号,结束?:编号,内容类型?:字符串):Blob; stream():Readable

我需要将表单数据发送到服务器,但我有一个类型错误,并且表单日期为空

导出接口RcFile扩展文件{
uid:字符串;
只读lastModifiedDate:日期;
只读webkitRelativePath:string;
}
接口文件扩展Blob{
只读lastModified:编号;
只读名称:字符串;
}
接口块{
只读大小:数字;
只读类型:字符串;
arrayBuffer():承诺;
切片(开始?:编号,结束?:编号,内容类型?:字符串):Blob;
stream():ReadableStream;
text():承诺;
}
导出接口UploadChangeParam{
档案:T;
文件列表:数组;
事件?:{
百分比:数字;
};
}
export const FileUpload:React.FunctionComponent=()=>{
const[defaultFileList,setDefaultFileList]=useState([])
const handleOnChange=(信息:UploadChangeParam)=>{
setDefaultFileList(info.fileList)
const finalData=info.fileList[0]。originFileObj
const formData=new formData()
formData.append(名称、最终数据)
console.log('formData',formData)
}
useEffect(()=>{console.log('useEffectFileUpload')},[]
返回(
{defaultFileList.length>=1?空:(
上载文件
选择文件
)}
)
}

导出默认文件上传
我使用了一种稍微不同的方法(使用表单),但将原始文件obj转换为blobl对我来说是个好办法

formData.append('file', fileList[0].originFileObj as Blob);