antd的upload组件,阻止默认上传事件,自定义
原上传默认会请求一个url,就算不填action也会请求首页,不合逻辑
使用beforeUpload属性
<Upload key="upload" beforeUpload={beforeUpload} className={styles.upload} accept=".png, .jpg, .jpeg, .bmp, mp4" listType="picture-card" showUploadList={false} ></Upload>;
return false阻止默认事件,自己取出base64进行操作
//上传资源事件重写 const beforeUpload = (file) => { getBase64(file, (imageUrl) => { /** */ }); return false; }; //取图片base64 const getBase64 = (img, callback) => { const reader = new FileReader(); reader.addEventListener('load', () => callback(reader.result)); reader.readAsDataURL(img); };
博客园作者:herry菌朋友,看到这里,关注作者的公众号吧,不漏掉更新哦