关于antd Upload后端返回二进制文件流的处理

后端回传文件需要清洗数据，且如是文档容易出现如下问题

话不多说直接上代码

 useEffect(() => {
    if (data?.sourceKey && data?.sourceType) {
      getInfoFun(data).then((res) => {
        console.log(res, 'res')
        if (res && res.length > 0) {
          const oldFileList: any[] = []
          res.forEach((element: any) => {
            if (
              element.contentType === 'image/jpeg'
              || element.contentType === 'image/jpeg'
              || element.contentType === 'image/png'
              || element.contentType === 'image/jpg'
              || element.contentType === '.pdf'
            ) {
              oldFileList.push({
                name: element.name,
                status: 'done',
                uid: element.id,
                url: element.webPath,
                id: element.id,
                isPic: isPic(element.contentType),  // 判断是否可点击预览
              })
            }
            else {
              oldFileList.push({
                name: element.name,
                status: 'done',
                uid: element.id,
                url: element.webPath,
                id: element.id,
                isPic: isPic(element.contentType),
                type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
              })
            }
          })
          console.log(oldFileList, 'oldFileList')
          setFileList(oldFileList)
        }
      })
    }
  }, [refresh])