el-upload 打开文件或图片链接 预览、下载

第一种 ：直接url 方式
第二种 ： onlyoffice插件

handlePreviewAppendix(file) {
      console.log("handlePreview", file);
      //  window.location.href = file.fileUrl
       window.open(file.fileUrl, '_blank');
      // this.$router.push({
      //   path: "/preview",
      //   query: {
      //     id: file.fileId,
      //     suffix: file.fileSuffix,
      //     fileName: file.fileName,
      //     src: file.fileUrl,
      //   },
      // });
    },
```![在这里插入图片描述](https://img-blog.csdnimg.cn/ef999f8d3ca747328b663e6160f7eb91.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/1ee56a82b374473bb73901fd7fea251f.png)


![在这里插入图片描述](https://img-blog.csdnimg.cn/bacf9c903d3644dca6a3f951af5c6872.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/e86fef068d30485eb8931c3222fd096a.png)