调用附件中的文件预览

场景描述

附件对文件的预览是通过文件预览服务实现的，不使用附件组件的预览按钮，在页面上单独添加一个按钮，实现对附件中的文件预览的功能

实现思路

调用系统提供的fileApi库的getFileUrl方法，operateType传入fileview，即可获取文件预览的url，用window.open打开即可

实现步骤

参照下面的代码示例

let onButton8Click = (event) => {
    let str = mainData.getValue("files");
    let json = JSON.parse(str);
    let actionUrl = fileApi.getActionUrl($page);

    let url = fileApi.getFileUrl({
      actionUrl:actionUrl,
      operateType: "fileview",
      storeFileName: json[0].storeFileName,
      realFileName: json[0].realFileName
    })
    window.open(url);
}

需要引入fileApi并定义文件所在的数据集变量

import fileApi from "$UI\wxsys\lib\base\fileApi";
let $page = usePage();
let mainData = useData("mainData");