export const loadFileAsync = (file: File): Promise<string | ArrayBuffer> =>
  new Promise((resolve, reject) => {
    const fileReader = new FileReader();
    fileReader.readAsDataURL(file);
    fileReader.onload = (e) => {
      resolve(e.target?.result ? e.target.result : "");
    };
    fileReader.onerror = (e) => {
      reject(e);
    };
  });

<input
  type="file"
  accept="image/*"
  onChange={async (e) => {
     /**
       * 文件大小 大于1M 不转换base64 防止文件过大
       */
      if (e.target.files && e.target.files.length) {
        if (e.target.files[0].size > 1024 * 1024) {
          changeImage({ ...params, url: URL.createObjectURL(e.target.files[0]), objectFit: "fill" });
        } else {
          const res = await loadFileAsync(e.target.files[0]);
          res && changeImage({ ...params, url: res as string, objectFit: "fill" });
        }
      }
    }}
 />

URL.createObjectURL(e.target.files[0])