在PC项目中将上传的文件(word, excel, pdf)直接在项目中预览

思路: 可以使用任何方式将本地文件上传到后端得到一个地址后使用iframe直接在项目中展示出来
这是一张最终的效果图
代码实现
                   <iframe
                      title="1"
                      width="100%"
                      height="600"
                      frameBorder="0"
                      src={`https://view.officeapps.live.com/op/view.aspx?src=${domainName}/${info.attachment_path}`}
                    />

src属性后面的为文件上传之后得到的url

在当前浏览器中新开一个标签页进行预览

const a = document.createElement('a')
      a.setAttribute(
        'href',
        `https://view.officeapps.live.com/op/view.aspx?src=${domainName}/${attachment_path}`,
      )
      a.setAttribute('target', '_blank')
      a.click()
      a.remove()

推荐阅读更多精彩内容