文件预览功能

最新推荐文章于 2024-10-09 09:16:31 发布

关你西红柿子

最新推荐文章于 2024-10-09 09:16:31 发布

阅读量94

点赞数 2

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/m939499/article/details/142525469

版权

// 文档管理 > 切换 > 预览
    getDetacode(data) {
      console.log(data);
      this.titleName = data.name
      console.log('预览', this.dataList);

      if (data.fileUrl == null) {
        this.$message({
          showClose: true,
          message: "没有可预览文件",
        });
      } else {
        let obj = {
          doc: {
            docId: data.code,
            title: data.name,
            fetchUrl: data.fileUrl
          },
          user: {
            uid: data.createBy,
            nickName: data.enterpriseId,
            avatar: ''
          }
        }
        let jsonObj = JSON.stringify(obj)
        // 使用TextEncoder确保转换为UTF-8字节序列
        let utf8Encoder = new TextEncoder();
        let encodedJsonBytes = utf8Encoder.encode(jsonObj);

        // 将UTF-8字节序列转换为Base64字符串
        let base64Str = btoa(String.fromCharCode(...encodedJsonBytes));

        var url = process.env.VUE_APP_filePreview_URL + base64Str;
        console.log(url);
        // 等待 this.$refs.dom 加载完成后再进行预览
        this.$nextTick(() => {
          this.$refs.dom.src = url
          window.open(url);
          this.windowTitle = data.name;
        });
      }
    },