使用ReactJS上传文件

我使用react js为不同的文件创建上传程序（例如：pdf）

类MyUpload扩展了React.Component{
状态={
文件列表：[
{
uid:“-1”，
名称：“xxx.png”，
状态：“完成”，
网址：
"https://cdn.wallpaperhub.app/cloudcache/1/b/5/8/e/f/1b58ef6e3d36a42e01992accf5c52d6eea244353.jpg"
}
]
};
handleChange=（信息）=>{
让fileList=[…info.fileList]；
//1.限制上载文件的数量
//仅显示两个最近上载的文件，旧文件将替换为新文件
fileList=fileList.slice（-2）；
//2.读取响应并显示文件链接
fileList=fileList.map（（文件）=>{
console.log（文件）；
if（file.response）{
//组件将file.url显示为链接
file.url=file.response.url；
}
返回文件；
});
this.setState（{fileList}）；
};
render（）{
常量道具={
行动：
"https://cdn.wallpaperhub.app/cloudcache/1/b/5/8/e/f/1b58ef6e3d36a42e01992accf5c52d6eea244353.jpg",
onChange:this.handleChange，
多重：对，
显示上载列表：{
showDownloadIcon:true，
下载图标：“下载”，
showRemoveIcon：没错，
removeIcon：(
console.log（e，“自定义removeIcon事件”）}
/>
)
}
};
返回(
上传
);
}
}

有很多第三方软件包可用于上传文件和自定义应接受的文件类型react dropzone是一个非常好的软件包，它提供了很多控制

以下是链接：

以下是一些用例：

import React，{useCallback}来自“React”
从“react dropzone”导入{useDropzone}
函数MyDropzone（）{
const onDrop=useCallback（acceptedFiles=>{
//这里您可以得到文件的数组
}, [])
const{getRootProps，getInputProps，isDragActive}=useDropzone({
昂德罗普
接受：“.pdf”，
})
返回(
{
是主动的吗？
将文件放到这里…
：
将一些文件拖放到此处，或单击以选择文件

}
)
}

有很多第三方软件包可用于上传文件和自定义应接受的文件类型react dropzone是一个非常好的软件包，它提供了很多控制

以下是链接：

以下是一些用例：

import React，{useCallback}来自“React”
从“react dropzone”导入{useDropzone}
函数MyDropzone（）{
const onDrop=useCallback（acceptedFiles=>{
//这里您可以得到文件的数组
}, [])
const{getRootProps，getInputProps，isDragActive}=useDropzone({
昂德罗普
接受：“.pdf”，
})
返回(
{
是主动的吗？
将文件放到这里…
：
将一些文件拖放到此处，或单击以选择文件

}
)
}

你知道Ant Design uploader的解决方案吗？@Shreyans Shrivastav，你知道解决方案吗？@Itamar，你能帮忙吗？你知道Ant Design uploader的解决方案吗？@Shreyans Shrivastav，你知道解决方案吗？@Itamar，你能帮忙吗？