uniapp在app端怎么预览pdf

在uniapp中，在app端预览PDF文件，您可以使用uniapp自带的组件：`uni-viewer`。通过该组件，您可以在应用程序中浏览本地或在线的PDF文件。

以下是在uniapp中使用`uni-viewer`组件预览PDF文件的步骤：

1. 在您的应用中，将PDF文件下载到本地。您可以使用uniapp的`uni.downloadFile` API将文件下载到本地。示例代码如下：

uni.downloadFile({
  url: 'https://example.com/sample.pdf',
  success: (res) => {
    if (res.statusCode === 200) {
      const filePath = res.tempFilePath
      // 下载成功，filePath为下载后的文件路径
    }
  }
})

2. 导入并使用`uni-viewer`组件。在您的页面中，导入`uni-viewer`组件并在模板中使用它。示例代码如下：

<template>
  <view>
    <uni-viewer :urls="urls" :current="current"></uni-viewer>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        urls: ['file://path/to/your/pdf/file'],
        current: 0
      }
    }
  }
</script>

在示例代码中，我们将本地PDF文件的路径传递给`uni-viewer`组件的`urls`属性，并将`current`属性设置为0，以便在打开查看器时显示第一个PDF文件。

以上是使用`uni-viewer`组件在uniapp中预览PDF文件的步骤。希望对您有所帮助！