Ant上传前预览pdf格式文件Ant在上传前预览pdf格式文件，通过调用系统api来实现pdf文件本地预览。一个非常实用

之前客户提的需求是pdf上传后能够预览，这个我扒拉一下代码找到其他开发写的文件预览功能copy过来给实现了，前几天开需求会议的时候客户说有时候pdf文件太多，有时候上传后可能不确定是不是这个版本的，所以先在选择文件后在上传前能够预览pdf文件的内容，这个需求我今天看了一下，网上有解决方案，简单来说通过window.open()这个api来实现。

<a-upload
   ...
    @preview="handlePreview"
>
// 上传前预览本地pdf文件
handlePreview(event) {
  if (event.type !== 'application/pdf') {
    message.error('本地预览文件类型只支持.pdf格式');
    return;
  }
  const reader = new FileReader();
  reader.readAsDataURL(event);
  reader.onload = function () {
    const url = URL.createObjectURL(event);
    window.open(url);
  };
}

由于pdf能直接通过浏览器来预览，所以直接判断是否是pdf类型的文件来决定能否预览。参考来源：blog.csdn.net/i_am_a_div/…