我正在使用 Ant-d Upload 通过本地系统上传文件,然后单击文件预览图像上的删除图标,图像文件将被删除。我想添加一个弹出确认,所以我尝试在 onRemovefunction 中添加确认作为承诺但它不起作用。它在浏览器中显示警报。
onGalleryFileRemove = (file)=>{
return new Promise((resolve, reject) => {
confirm({
title: 'are you sure to remove this file?',
onOk: () => {
resolve(true)
},
})
const index = this.state.galleryFile.indexOf(file);
const deletedGalleryFiles = this.state.deletedGalleryFiles;
deletedGalleryFiles.push(this.state.galleryFile[index].uid);
const newFileList = this.state.galleryFile.slice();
newFileList.splice(index, 1);
this.setState({
galleryFile:newFileList,
deletedGalleryFiles,
previewVisible:false
})
false
})
}
<Upload
listType="picture-card"
beforeUpload={this.beforeFileUpload}
fileList={this.state.galleryFile}
onPreview={this.handlePreview}
onChange={this.handleGalleryFileChange}
onRemove={this.onGalleryFileRemove}
>
{this.state.galleryFile.length >= 6 ? null : uploadGalleryButton}
</Upload>
<Modal visible={this.state.previewVisible} footer={null} onCancel={this.handleCancel}>
<img alt="previewImage" style={{ width: '100%' }} src={this.state.previewImage} />
</Modal>
幸运的是,我找到了解决方案。我知道在这个庞大的社区中有人可能会帮助我,我认为这对任何人都可能有用
onGalleryFileRemove = (file)=>{
const {confirm} = Modal
return new Promise((resolve, reject) => {
confirm({
title: 'Are you sure you want to Delete ?',
onOk: () => {
resolve(true)
<!---- onRemoveFunctionality here ---->
},
onCancel: () =>{
reject(true)
}
})
})
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)