react+antd 导入文件需modal二次确认后再调取接口上传文件
以往采用的方法是先调取接口上传文件获取文件url,modal二次确认时将url作为二次确认的数据上传,这次采用上传文件先存储在前端,二次确认后再将文件直接上传,所以做个记录,代码如下:
render() {
// 创建 formData
const formData = new FormData();
const props = {
name: 'file',
multiple: false,
accept: '.xlsx,.xls',
maxCount: 1,
headers: {
'Authenticator': JSON.parse(localStorage.getItem

在React+Ant Design的项目中,为了确保用户在导入文件前进行二次确认,通常会使用Modal组件。本文介绍了一种实现方式:先在前端存储文件,待用户在弹窗确认后,再将文件上传到服务器。这种方式避免了提前调用接口获取文件URL,简化了流程。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



