antd上传头像OSS

import React, {
    useState, useMemo } from 'react';
import {
    LoadingOutlined, PlusOutlined } from '@ant-design/icons';
import {
    Upload, message } from 'antd';
import {
    uploadOss } from '@/service/common';

function isAbsoluteURL(url) {
   
  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url);
}

const getImageUrl = (val) => {
   
  let str = val ? String(val) : '';
  if (isAbsoluteURL(str)) {
   
    return str;
  } else if (str.startsWith('/')) {
   
    return str;
  } else if (str) {
   
    return `https://img.cancangroup.com/${
     str}`;
  } else {
   
    return null;
  }
};

function getBase64(img, callback) {
   
  const reader = new FileReader();
  reader.addEventListener('load', () => callback(reader.result));
  reader.readAsDataURL(img);
}

export default (props) => {
   
  const [loading, setLoading] = useState(false);
  const {
    value, onChange, uploadProps } = props;
  const [base64Url, setBase64Url] = useState();

  const imgUrl = useMemo(() =