upload.dragger组件 拖拽上传到上传区域外时,浏览器自带下载、预览文件,如何禁止该默认事件【一步解决】
只需在非上传区域加下面两个事件,阻止默认行为。
·
只需在非上传区域加下面两个事件,阻止默认行为
onDragOver={(e: any) => e.preventDefault()}//阻止浏览器默认拖拽下载事件
onDrop={(e: any) => e.preventDefault()}>
例如,我的拖拽上传区域在Modal内部,在modal外部加一个div 并指定上述事件:
<div
onDragOver={(e: any) => e.preventDefault()}//阻止浏览器默认拖拽下载事件
onDrop={(e: any) => e.preventDefault()}>
<Modal
visible={visible}
title={""}
onCancel={() => setVisible(false)}
okText={"确定"}
cancelText={"取消"}
onOk={() => {}}
>
<Dragger {...uploadProps}/>
</Modal>
</div>
效果:
拖拽到dragger内部:正常上传
推拽到其他位置:无事发生
更多推荐
所有评论(0)