antd的upload组件，阻止默认上传事件，自定义
2020-12-20 03:35
标签：data jpg sel bsp for ant new list back 原上传默认会请求一个url，就算不填action也会请求首页，不合逻辑 使用beforeUpload属性 return false阻止默认事件，自己取出base64进行操作 antd的upload组件，阻止默认上传事件，自定义 标签：data jpg sel bsp for ant new list back 原文地址：https://www.cnblogs.com/wuhairui/p/14048152.htmlUpload
key="upload"
beforeUpload={beforeUpload}
className={styles.upload}
accept=".png, .jpg, .jpeg, .bmp, mp4"
listType="picture-card"
showUploadList={false}
>;
//上传资源事件重写
const beforeUpload = (file) => {
getBase64(file, (imageUrl) => {
setloadimg(imageUrl);
onSelectUploadImage(imageUrl);
});
return false;
};
//取图片base64
const getBase64 = (img, callback) => {
const reader = new FileReader();
reader.addEventListener(‘load‘, () => callback(reader.result));
reader.readAsDataURL(img);
};