react上的编码原始docx base64字符串预览

const base64ToBlob = (base64String) => {
  const binaryString = atob(base64String);
  const bytes = new Uint8Array(binaryString.length);
  for (let i = 0; i < binaryString.length; i++) {
    bytes[i] = binaryString.charCodeAt(i);
  }
  return new Blob([bytes], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
};

const blobToPreviewURL = (blob) => {
  return URL.createObjectURL(blob);
};

import React, { useEffect, useState } from 'react';

const DocxPreview = ({ base64String }) => {
  const [previewURL, setPreviewURL] = useState('');

  useEffect(() => {
    const blob = base64ToBlob(base64String);
    const url = blobToPreviewURL(blob);
    setPreviewURL(url);

    return () => {
      URL.revokeObjectURL(url);
    };
  }, [base64String]);

  return (
    <div>
      {previewURL && <iframe src={previewURL} title="Docx Preview" width="100%" height="600px" />}
    </div>
  );
};