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);
};